217. Araxis Merge File Comparison Report

Produced by Araxis Merge on 2024-03-04 14:39:07 +0000. See www.araxis.com for information about Merge. This report uses XHTML and CSS2, and is best viewed with a modern standards-compliant browser. For optimum results when printing this report, use landscape orientation and enable printing of background images and colours in your browser.

217.1 Files compared

#LocationFileLast Modified
1/Users/coca/Documents/www/Porto v4.0.2/Theme Files/Magento 2.x/Porto Theme v4.0.7/app/design/frontend/Smartwave/porto_rtl/Magento_Catalog/web/css/source/module_listings.less2022-11-19 08:42:35 +0000
2/Users/coca/Documents/www/Porto v4.0.2/Theme Files/Magento 2.x/Porto Theme v4.0.8/app/design/frontend/Smartwave/porto_rtl/Magento_Catalog/web/css/source/module_listings.less2024-03-02 11:10:21 +0000

217.2 Comparison summary

DescriptionBetween
Files 1 and 2
Text BlocksLines
Unchanged73012
Changed31288
Inserted381
Removed00

217.3 Comparison options

WhitespaceConsecutive whitespace is treated as a single space
Character caseDifferences in character case are significant
Line endingsDifferences in line endings (CR and LF characters) are ignored
CR/LF charactersNot shown in the comparison detail
Active line-pairing rules

217.4 Active regular expressions

No regular expressions were active.

217.5 Comparison detail

1 // /** 1 // /**
2 //  * Copyright © 2015 Magento. All rights reserved. 2 //  * Copyright © 2015 Magento. All rights reserved.
3 //  * See COPYING.txt for license details. 3 //  * See COPYING.txt for license details.
4 //  */ 4 //  */
5  5 
6 // 6 //
7 //  Variables 7 //  Variables
8 //  --------------------------------------------- 8 //  ---------------------------------------------
9  9 
10 @product-name-link__color: @text__color; 10 @product-name-link__color: @text__color;
11 @product-name-link__color__active: @text__color; 11 @product-name-link__color__active: @text__color;
12 @product-name-link__color__hover: @text__color; 12 @product-name-link__color__hover: @text__color;
13 @product-name-link__color__visited: @text__color; 13 @product-name-link__color__visited: @text__color;
14  14 
15 @product-name-link__text-decoration: none; 15 @product-name-link__text-decoration: none;
16 @product-name-link__text-decoration__active: @link__hover__text-decoration; 16 @product-name-link__text-decoration__active: @link__hover__text-decoration;
17 @product-name-link__text-decoration__hover: @link__hover__text-decoration; 17 @product-name-link__text-decoration__hover: @link__hover__text-decoration;
18 @product-name-link__text-decoration__visited: @link__hover__text-decoration; 18 @product-name-link__text-decoration__visited: @link__hover__text-decoration;
19  19 
20 // 20 //
21  21 
22 // 22 //
23 //    Common 23 //    Common
24 //-------------------------------------- 24 //--------------------------------------
25  25 
26 & when (@media-common = true) { 26 & when (@media-common = true) {
27  27 
28   .products ul, 28   .products ul,
29   ul.products { 29   ul.products {
30       margin: 0 0 1em; 30       margin: 0 0 1em;
31       padding: 0; 31       padding: 0;
32       list-style: none outside; 32       list-style: none outside;
33  33 
34       li { 34       li {
35           list-style: none outside; 35           list-style: none outside;
36       } 36       }
37   } 37   }
38  38 
39 .products-grid { 39 .products-grid {
40     &:after { 40     &:after {
41         display: table; 41         display: table;
42         content: ""; 42         content: "";
43         clear: both; 43         clear: both;
44     } 44     }
45     .product-item { 45     .product-item {
46         float: right; 46         float: right;
47     } 47     }
48     & { 48     & {
49         .product-item { 49         .product-item {
50             width: 100%/2; 50             width: 100%/2;
51             &.nth-child-2np1 { 51             &.nth-child-2np1 {
52                 clear: right; 52                 clear: right;
53             } 53             }
54         } 54         }
55     } 55     }
56 } 56 }
57  57 
58 .products-grid.divider-line { 58 .products-grid.divider-line {
59   margin-left: 0; 59   margin-left: 0;
60   margin-right: 0; 60   margin-right: 0;
61   .product-items {display: flex;flex-wrap: wrap;} 61   .product-items {display: flex;flex-wrap: wrap;}
62   .product-item { 62   .product-item {
63       border-right: 1px solid rgba(0,0,0,.09); 63       border-right: 1px solid rgba(0,0,0,.09);
64       margin-bottom: 0; 64       margin-bottom: 0;
65       display: flex; 65       display: flex;
66       padding: 0; 66       padding: 0;
67       &.nth-child-2np1 { 67       &.nth-child-2np1 {
68           border-right-color: transparent; 68           border-right-color: transparent;
69       } 69       }
70       &:nth-child(1), &:nth-child(2) { 70       &:nth-child(1), &:nth-child(2) {
71           .product-item-info { 71           .product-item-info {
72               border-top-color: transparent; 72               border-top-color: transparent;
73           } 73           }
74       } 74       }
75       &:hover { 75       &:hover {
76         z-index: 2; 76         z-index: 2;
77       } 77       }
78   } 78   }
79   .product-item-info { 79   .product-item-info {
80       border-top: 1px solid rgba(0,0,0,.09); 80       border-top: 1px solid rgba(0,0,0,.09);
81       padding-top: 50px; 81       padding-top: 50px;
82       padding-bottom: 0; 82       padding-bottom: 0;
83       transition: all 0.3s; 83       transition: all 0.3s;
84       margin-top: -1px; 84       margin-top: -1px;
85       position: relative; 85       position: relative;
86       .product-item-inner { 86       .product-item-inner {
87           visibility: hidden; 87           visibility: hidden;
88           opacity: 0; 88           opacity: 0;
89           margin: 0 -50px -10px; 89           margin: 0 -50px -10px;
90           transition: all .3s; 90           transition: all .3s;
91       } 91       }
92       .product-item-actions { 92       .product-item-actions {
93           margin-bottom: 0; 93           margin-bottom: 0;
94       } 94       }
95       &:hover { 95       &:hover {
96           background-color: #fff; 96           background-color: #fff;
97           border-top-color: rgba(0,0,0,.09); 97           border-top-color: rgba(0,0,0,.09);
98           border-bottom-color: rgba(0,0,0,.09); 98           border-bottom-color: rgba(0,0,0,.09);
99           box-shadow: 0 25px 35px -5px rgba(0,0,0,.1); 99           box-shadow: 0 25px 35px -5px rgba(0,0,0,.1);
100           padding-top: 10px; 100           padding-top: 10px;
101           padding-bottom: 40px; 101           padding-bottom: 40px;
102           .product-item-inner { 102           .product-item-inner {
103               visibility: visible; 103               visibility: visible;
104               opacity: 1; 104               opacity: 1;
105           } 105           }
106       } 106       }
107   } 107   }
108 } 108 }
109 // Product Lists 109 // Product Lists
110 .products { 110 .products {
111   margin-left: -10px; 111   margin-left: -10px;
112   margin-right: -10px; 112   margin-right: -10px;
113   .product-item { 113   .product-item {
114     padding-left: 10px; 114     padding-left: 10px;
115     padding-right: 10px; 115     padding-right: 10px;
116     margin-bottom: 1.4286em; 116     margin-bottom: 1.4286em;
117     position: relative; 117     position: relative;
118   } 118   }
119 } 119 }
120 .product { 120 .product {
121     &-items { 121     &-items {
122         &:extend(.abs-reset-list all); 122         &:extend(.abs-reset-list all);
123     } 123     }
124     &-item { 124     &-item {
125         vertical-align: top; 125         vertical-align: top;
126         &:extend(.abs-add-box-sizing all); 126         &:extend(.abs-add-box-sizing all);
127         &-name { 127         &-name {
128             font-size: 1em; 128             font-size: 1em;
129             white-space:nowrap; 129             white-space:nowrap;
130             overflow:hidden; 130             overflow:hidden;
131             text-overflow:ellipsis; 131             text-overflow:ellipsis;
132             display: block; 132             display: block;
133             a { 133             a {
134               font-size: .9375rem; 134               font-size: .9375rem;
135               font-weight: 400; 135               font-weight: 400;
136               line-height: 1.35; 136               line-height: 1.35;
137               letter-spacing: -.01em; 137               letter-spacing: -.01em;
138               margin-bottom: .45rem; 138               margin-bottom: .45rem;
139               white-space: nowrap; 139               white-space: nowrap;
140               overflow: hidden; 140               overflow: hidden;
141               text-overflow: ellipsis; 141               text-overflow: ellipsis;
142               color: #222529; 142               color: #222529;
143               display: block; 143               display: block;
144             } 144             }
145         } 145         }
146         &-info { 146         &-info {
147             width: 100%; 147             width: 100%;
148             max-width: 100%; 148             max-width: 100%;
149             text-align: center; 149             text-align: center;
150         } 150         }
151         &-photo { 151         &-photo {
152             margin-bottom: 1rem; 152             margin-bottom: 1rem;
153             min-height: 90px; 153             min-height: 90px;
154             font-size: 1em; 154             font-size: 1em;
155             display: block; 155             display: block;
156             position: relative; 156             position: relative;
157             padding: 0; 157             padding: 0;
158             img {display: block;} 158             img {display: block;}
159             .product-item-inner { 159             .product-item-inner {
160                 height: 0; 160                 height: 0;
161                 .product-item-actions { 161                 .product-item-actions {
162                   display: block; 162                   display: block;
163                     > .action { 163                     > .action {
164                         background-color: #fff; 164                         background-color: #fff;
165                     } 165                     }
166                     > .actions-primary { 166                     > .actions-primary {
167                         display: inline-block; 167                         display: inline-block;
168                         .tocart { 168                         .tocart {
169                             width: 32px; 169                             width: 32px;
170                             padding: 0; 170                             padding: 0;
171                             &:before { 171                             &:before {
172                               margin-left: 0; 172                               margin-left: 0;
173                             } 173                             }
174                             span { 174                             span {
175                               display: none; 175                               display: none;
176                             } 176                             }
177                         } 177                         }
178                     } 178                     }
179                 } 179                 }
180             } 180             }
181             &:hover .product-item-inner { 181             &:hover .product-item-inner {
182                 visibility: visible; 182                 visibility: visible;
183                 opacity: 1; 183                 opacity: 1;
184             } 184             }
185             &:hover { 185             &:hover:not(.porto-tb-featured-image) {
186               box-shadow: 0 25px 35px -5px rgba(0,0,0,.1); 186               box-shadow: 0 25px 35px -5px rgba(0,0,0,.1);
187             } 187             }
188         } 188         }
189         &-actions { 189         &-actions {
190             .actions-secondary { 190             .actions-secondary {
191                 &.action { 191                 &.action {
192                     width: 36px; 192                     width: 36px;
193                     height: 36px; 193                     height: 36px;
194                     line-height: 34px; 194                     line-height: 34px;
195                     letter-spacing: normal; 195                     letter-spacing: normal;
196                     border-radius: 0; 196                     border-radius: 0;
197                     position: relative; 197                     position: relative;
198                     &:before { 198                     &:before {
199                         margin: 0; 199                         margin: 0;
200                         position: absolute; 200                         position: absolute;
201                         left: 0; 201                         left: 0;
202                         right: 0; 202                         right: 0;
203                         top: 0; 203                         top: 0;
204                         font-size: 1rem; 204                         font-size: 1rem;
205                     } 205                     }
206                     span { 206                     span {
207                         &:extend(.abs-visually-hidden all); 207                         &:extend(.abs-visually-hidden all);
208                     } 208                     }
209                 } 209                 }
210             } 210             }
211             .action.towishlist { 211             .action.towishlist {
212                 border-color: #ddd; 212                 border-color: #ddd;
213                 color: #333; 213                 color: #333;
214                 background-color: #fff; 214                 background-color: #fff;
215                 > span { 215                 > span {
216                     display: none; 216                     display: none;
217                 } 217                 }
218             } 218             }
219             .action.tocompare { 219             .action.tocompare {
220                 border-color: #ddd; 220                 border-color: #ddd;
221                 color: #333; 221                 color: #333;
222                 background-color: #fff; 222                 background-color: #fff;
223                 > span { 223                 > span {
224                     display: none; 224                     display: none;
225                 } 225                 }
226             } 226             }
227         } 227         }
228         &-description { 228         &-description {
229             margin: 10px 0; 229             margin: 10px 0;
230         } 230         }
231         &-details {position: relative;} 231         &-details {position: relative;}
232         .product-reviews-summary { 232         .product-reviews-summary {
233             .reviews-actions { 233             .reviews-actions {
234                 display: none; 234                 display: none;
235                 text-transform: lowercase; 235                 text-transform: lowercase;
236                 font-size: @font-size__s; 236                 font-size: @font-size__s;
237             } 237             }
238         } 238         }
239         .rating-summary { 239         .rating-summary {
240             .lib-rating-summary( 240             .lib-rating-summary(
241                 @_icon-font-size: 12px, 241                 @_icon-font-size: 12px,
242                 @_icon-letter-spacing: 3px, 242                 @_icon-letter-spacing: 3px,
243                 @_label-hide: true 243                 @_label-hide: true
244             ); 244             );
245         } 245         }
246         .price-box { 246         .price-box {
247             .price-label { 247             .price-label {
248                 font-size: 12px; 248                 font-size: 12px;
249                 .lib-css(color, @text__color__muted); 249                 .lib-css(color, @text__color__muted);
250                 vertical-align: middle; 250                 vertical-align: middle;
251             } 251             }
252         } 252         }
253         .minimal-price { 253         .minimal-price {
254             .price-container { 254             .price-container {
255                 display: block; 255                 display: block;
256             } 256             }
257         } 257         }
258         .minimal-price-link { 258         .minimal-price-link {
259             margin-top: @indent__xs; 259             margin-top: @indent__xs;
260         } 260         }
261         .price-from, 261         .price-from,
262         .price-to { 262         .price-to {
263             margin: 0; 263             margin: 0;
264         } 264         }
265         .tocompare { 265         .tocompare {
266             .lib-icon-font-symbol( 266             .lib-icon-font-symbol(
267                 @icon-compare-full 267                 @icon-compare-full
268             ); 268             );
269         } 269         }
270         .tocart { 270         .tocart {
271             span {display: inline-block;vertical-align: top;} 271             span {display: inline-block;vertical-align: top;}
272             &::before { 272             &::before {
273                 content: @icon-cart; 273                 content: @icon-cart;
274                 font-family: @icon-font-family; 274                 font-family: @icon-font-family;
275                 margin-left: 5px; 275                 margin-left: 5px;
276                 font-weight: 600; 276                 font-weight: 600;
277                 font-size: .9375rem; 277                 font-size: .9375rem;
278             } 278             }
279         } 279         }
280         .weltpixel-quickview.weltpixel_quickview_button_v2 { 280         .weltpixel-quickview.weltpixel_quickview_button_v2 {
281           padding: 0; 281           padding: 0;
282           bottom: 0; 282           bottom: 0;
283           top: auto; 283           top: auto;
284           left: 0; 284           left: 0;
285           width: 100%; 285           width: 100%;
286           text-indent: 0; 286           text-indent: 0;
287           height: auto; 287           height: auto;
288           border: none; 288           border: none;
289           position: absolute; 289           position: absolute;
290           z-index: 6; 290           z-index: 6;
291           opacity: 0; 291           opacity: 0;
292           visibility: hidden; 292           visibility: hidden;
293           background-color: #08c; 293           background-color: #08c;
294           color: #fff; 294           color: #fff;
295           display: block; 295           display: block;
296           text-transform: uppercase; 296           text-transform: uppercase;
297           font-size: 13px; 297           font-size: 13px;
298           line-height: 34px; 298           line-height: 34px;
299           transition: .25s; 299           transition: .25s;
300           text-align: center; 300           text-align: center;
301           em {display: none;} 301           em {display: none;}
302         } 302         }
303         [class^='swatch-opt-'] { 303         [class^='swatch-opt-'] {
304           padding-bottom: 5px; 304           padding-bottom: 5px;
305           display: inline-block; 305           display: inline-block;
306         } 306         }
307         .swatch-attribute { 307         .swatch-attribute {
308           margin-top: -4px; 308           margin-top: -4px;
309           padding-bottom: 5px; 309           padding-bottom: 5px;
310         } 310         }
311     } 311     }
312 } 312 }
313 .product-labels { 313 .product-labels {
314     line-height: 1; 314     line-height: 1;
315     color: #fff; 315     color: #fff;
316     font-weight: 600; 316     font-weight: 600;
317     text-transform: uppercase; 317     text-transform: uppercase;
318     position: absolute; 318     position: absolute;
319     z-index: 2; 319     z-index: 2;
320     top: .8em; 320     top: .8em;
321     font-size: 10px; 321     font-size: 10px;
322     right: .8em; 322     right: .8em;
323     text-align: center; 323     text-align: center;
324     .product-label { 324     .product-label {
325       padding: 5px 11px; 325       padding: 5px 11px;
326       margin-bottom: 5px; 326       margin-bottom: 5px;
327       &.new-label { 327       &.new-label {
328           background-color: #62b959; 328           background-color: #62b959;
329       } 329       }
330       &.sale-label { 330       &.sale-label {
331           background-color: #e27c7c; 331           background-color: #e27c7c;
332       } 332       }
333     } 333     }
334 } 334 }
335 .products-grid { 335 .products-grid {
336   .product-item .box-tocart input.qty { 336   .product-item .box-tocart input.qty {
337       height: 32px; 337       height: 32px;
338       padding: 0 9px; 338       padding: 0 9px;
339   } 339   }
340   .owl-carousel .product-item { 340   .owl-carousel .product-item {
341       width: auto; 341       width: auto;
342       float: none; 342       float: none;
343   } 343   }
344 } 344 }
345 .product-item-info { 345 .product-item-info {
346   .product-reviews-summary { 346   .product-reviews-summary {
347     background: 0 0; 347     background: 0 0;
348     margin: 0 auto .625rem; 348     margin: 0 auto .625rem;
349     height: 1px; 349     height: 1px;
350     position: relative; 350     position: relative;
351     display: table; 351     display: table;
352   } 352   }
353   .product-item-details { 353   .product-item-details {
354     .price-box { 354     .price-box {
355         margin-bottom: 1rem; 355         margin-bottom: 1rem;
356         display: block; 356         display: block;
357         font-size: 1.125rem; 357         font-size: 1.125rem;
358         line-height: 1; 358         line-height: 1;
359         font-weight: 600; 359         font-weight: 600;
360     } 360     }
361     .product-item-actions { 361     .product-item-actions {
362           white-space: nowrap; 362           white-space: nowrap;
363           font-size: 1em; 363           font-size: 1em;
364           margin-bottom: 1.0714em; 364           margin-bottom: 1.0714em;
365           .actions-primary { 365           .actions-primary {
366               display: inline-block; 366               display: inline-block;
367               vertical-align: middle; 367               vertical-align: middle;
368               position: relative; 368               position: relative;
369               z-index: 1; 369               z-index: 1;
370           } 370           }
371           .actions-secondary { 371           .actions-secondary {
372               display: inline-block; 372               display: inline-block;
373               vertical-align: middle; 373               vertical-align: middle;
374               position: relative; 374               position: relative;
375               transition: all 0.3s; 375               transition: all 0.3s;
376  376 
377               &.towishlist { 377               &.towishlist {
378                   left: -36px; 378                   left: -36px;
379                   visibility: hidden; 379                   visibility: hidden;
380                   opacity: 0; 380                   opacity: 0;
381               } 381               }
382               &.tocompare { 382               &.tocompare {
383                   right: -36px; 383                   right: -36px;
384                   visibility: hidden; 384                   visibility: hidden;
385                   opacity: 0; 385                   opacity: 0;
386               } 386               }
387           } 387           }
388           .tocart { 388           .tocart {
389               border-radius: 0; 389               border-radius: 0;
390               color: #333; 390               color: #333;
391               background-color: #fff; 391               background-color: #fff;
392               border-color: #ddd; 392               border-color: #ddd;
393               line-height: 34px; 393               line-height: 34px;
394               padding: 0 .625rem; 394               padding: 0 .625rem;
395               font-size: .75rem; 395               font-size: .75rem;
396               height: 36px; 396               height: 36px;
397               font-weight: 600; 397               font-weight: 600;
398               text-transform: uppercase; 398               text-transform: uppercase;
399           } 399           }
400       } 400       }
401   } 401   }
402   .weltpixel-quickview.weltpixel_quickview_button_v2 { 402   .weltpixel-quickview.weltpixel_quickview_button_v2 {
403     &:hover { 403     &:hover {
404       opacity: 1; 404       opacity: 1;
405     } 405     }
406   } 406   }
407   &.type1 { 407   &.type1 {
408     .product-item-inner { 408     .product-item-inner {
409       display: flex; 409       display: flex;
410       justify-content: center; 410       justify-content: center;
411     } 411     }
412   } 412   }
413   &.type3,&.type5,&.type6 { 413   &.type3,&.type5,&.type6 {
414     text-align: right; 414     text-align: right;
415     .product.name {padding-left:20px} 415     .product.name {padding-left:20px}
416     .product-reviews-summary { 416     .product-reviews-summary {
417       margin: 0 0 .55rem; 417       margin: 0 0 .55rem;
418       display: table; 418       display: table;
419     } 419     }
420     .product-item-actions { 420     .product-item-actions {
421       .actions-primary .tocart,.tocompare { 421       .actions-primary .tocart,.tocompare {
422         position: absolute; 422         position: absolute;
423         left: 15px; 423         left: 15px;
424         top: 15px; 424         top: 15px;
425         visibility: hidden; 425         visibility: hidden;
426         opacity: 0; 426         opacity: 0;
427         color: #333; 427         color: #333;
428         border: 1px solid #ddd; 428         border: 1px solid #ddd;
429         border-radius: 30px; 429         border-radius: 30px;
430         background-color: #fff; 430         background-color: #fff;
431         width: 36px; 431         width: 36px;
432         height: 36px; 432         height: 36px;
433         line-height: 34px; 433         line-height: 34px;
434         z-index: 3; 434         z-index: 3;
435         transition: .25s; 435         transition: .25s;
436         &::before { 436         &::before {
437           font-weight: 600; 437           font-weight: 600;
438           font-size: .9375rem; 438           font-size: .9375rem;
439           display: block; 439           display: block;
440         } 440         }
441         &:hover { 441         &:hover {
442           color: #fff; 442           color: #fff;
443         } 443         }
444       } 444       }
445       .actions-primary .tocart { 445       .actions-primary .tocart {
446         left: 56px; 446         left: 56px;
447       } 447       }
448       .towishlist { 448       .towishlist {
449         background: 0 0; 449         background: 0 0;
450         border: 0; 450         border: 0;
451         opacity: .7; 451         opacity: .7;
452         position: absolute; 452         position: absolute;
453         left: 0; 453         left: 0;
454         bottom: -44px; 454         bottom: -44px;
455         width: 1.4em; 455         width: 1.4em;
456         z-index: 3; 456         z-index: 3;
457         visibility: visible; 457         visibility: visible;
458         &:hover { 458         &:hover {
459           opacity: 1; 459           opacity: 1;
460         } 460         }
461       } 461       }
462       .qty-box{position:static;display:inline-block;vertical-align:middle;margin:0 0 0 5px;} 462       .qty-box{position:static;display:inline-block;vertical-align:middle;margin:0 0 0 5px;}
463     } 463     }
464     &:hover { 464     &:hover {
465       .product-item-actions { 465       .product-item-actions {
466         .actions-primary .tocart,.tocompare { 466         .actions-primary .tocart,.tocompare {
467           visibility: visible; 467           visibility: visible;
468           opacity: 1; 468           opacity: 1;
469         } 469         }
470       } 470       }
471     } 471     }
472   } 472   }
473   &.type4 { 473   &.type4 {
474     text-align: left; 474     text-align: left;
475     .product-reviews-summary { 475     .product-reviews-summary {
476       margin: 0 0 .625rem; 476       margin: 0 0 .625rem;
477     } 477     }
478     .product-item-actions { 478     .product-item-actions {
479       .towishlist,.tocompare { 479       .towishlist,.tocompare {
480         color: #333; 480         color: #333;
481         border: 1px solid #ddd; 481         border: 1px solid #ddd;
482         background-color: #fff; 482         background-color: #fff;
483         &:hover { 483         &:hover {
484           border-color: #08c; 484           border-color: #08c;
485           background-color: #08c; 485           background-color: #08c;
486           color: #fff; 486           color: #fff;
487         } 487         }
488       } 488       }
489       .towishlist,.tocompare { 489       .towishlist,.tocompare {
490         left:0 !important; 490         left:0 !important;
491         right:0 !important; 491         right:0 !important;
492         opacity: 0; 492         opacity: 0;
493       } 493       }
494     } 494     }
495     .qty-box{margin:0 0 6px;} 495     .qty-box{margin:0 0 6px;}
496     &:hover { 496     &:hover {
497       .towishlist,.tocompare { 497       .towishlist,.tocompare {
498         opacity: 1; 498         opacity: 1;
499       } 499       }
500     } 500     }
501   } 501   }
502   &.type5 { 502   &.type5 {
503     .product-item-details { 503     .product-item-details {
504       padding-left: 10px; 504       padding-left: 10px;
505       padding-right: 10px; 505       padding-right: 10px;
506     } 506     }
507     .product-item-actions { 507     .product-item-actions {
508       .towishlist { 508       .towishlist {
509         left: 10px; 509         left: 10px;
510       } 510       }
511     } 511     }
512   } 512   }
513   &.type6 { 513   &.type6 {
514     .products-grid.divider-line & { 514     .products-grid.divider-line & {
515       padding-top: 0; 515       padding-top: 0;
516       padding-bottom: 0; 516       padding-bottom: 0;
517       .product-item-inner { 517       .product-item-inner {
518         margin: 0; 518         margin: 0;
519         visibility: visible; 519         visibility: visible;
520         opacity: 1; 520         opacity: 1;
521       } 521       }
522       .product-item-photo {margin-bottom: 0;} 522       .product-item-photo {margin-bottom: 0;}
523     } 523     }
524     .product-item-details { 524     .product-item-details {
525       padding: 15px 15px 1px; 525       padding: 15px 15px 1px;
526     } 526     }
527     .product-item-actions { 527     .product-item-actions {
528       .towishlist { 528       .towishlist {
529         left: 15px; 529         left: 15px;
530       } 530       }
531     } 531     }
532     .weltpixel-quickview.weltpixel_quickview_button_v2 {left: 15px;right: 15px;width: auto;} 532     .weltpixel-quickview.weltpixel_quickview_button_v2 {left: 15px;right: 15px;width: auto;}
533     .qty-box{position:static;display:inline-block;vertical-align:middle;margin:0 0 0 5px;} 533     .qty-box{position:static;display:inline-block;vertical-align:middle;margin:0 0 0 5px;}
534     &:hover { 534     &:hover {
535       .product-item-photo { 535       .product-item-photo {
536         box-shadow: none; 536         box-shadow: none;
537       } 537       }
538     } 538     }
539   } 539   }
540   &.type7 { 540   &.type7 {
541     .product-item-photo { 541     .product-item-photo {
542       margin: 0; 542       margin: 0;
543     } 543     }
544     .product-item-inner{left:0;right:0;top:0;bottom:0;text-align:right;padding:15px} 544     .product-item-inner{left:0;right:0;top:0;bottom:0;text-align:right;padding:15px}
545     .product-item-actions{ 545     .product-item-actions{
546       >.action{ 546       >.action{
547         position: absolute; 547         position: absolute;
548         top: 15px; 548         top: 15px;
549         left: 15px; 549         left: 15px;
550         border:1px solid #ddd; 550         border:1px solid #ddd;
551         color:#333; 551         color:#333;
552         border-radius:30px; 552         border-radius:30px;
553         width:36px; 553         width:36px;
554         height:36px; 554         height:36px;
555         line-height:34px; 555         line-height:34px;
556         z-index: 3; 556         z-index: 3;
557         visibility: hidden; 557         visibility: hidden;
558         opacity: 0; 558         opacity: 0;
559         transition:all .3s; 559         transition:all .3s;
560         &.towishlist { 560         &.towishlist {
561           left: 56px; 561           left: 56px;
562         } 562         }
563         &::before { 563         &::before {
564           font-size: 1rem; 564           font-size: 1rem;
565         } 565         }
566         &:hover { 566         &:hover {
567           color:#fff; 567           color:#fff;
568           background-color:#08c; 568           background-color:#08c;
569         } 569         }
570       } 570       }
571       >.actions-primary{ 571       >.actions-primary{
572         position:absolute; 572         position:absolute;
573         bottom:0; 573         bottom:0;
574         left:0; 574         left:0;
575         width:50%; 575         width:50%;
576         z-index: 3; 576         z-index: 3;
577         .tocart { 577         .tocart {
578           width:100%; 578           width:100%;
579           background-color:#f4f4f4; 579           background-color:#f4f4f4;
580           border:0; 580           border:0;
581           color:#333; 581           color:#333;
582           padding: 0 .625rem; 582           padding: 0 .625rem;
583           font-size: .75rem; 583           font-size: .75rem;
584           font-weight: 600; 584           font-weight: 600;
585           text-transform: uppercase; 585           text-transform: uppercase;
586           z-index: 1; 586           z-index: 1;
587           white-space: nowrap; 587           white-space: nowrap;
588           height:45px; 588           height:45px;
589           transition:all .3s; 589           transition:all .3s;
590           letter-spacing:0; 590           letter-spacing:0;
591           &::before { 591           &::before {
592             display: none; 592             display: none;
593           } 593           }
594           >span{display:inline-block} 594           >span{display:inline-block}
595           &:hover{ 595           &:hover{
596             background-color:#08c; 596             background-color:#08c;
597             color:#fff; 597             color:#fff;
598           } 598           }
599         } 599         }
600       } 600       }
601     } 601     }
602     .weltpixel-quickview.weltpixel_quickview_button_v2{ 602     .weltpixel-quickview.weltpixel_quickview_button_v2{
603       width:50%; 603       width:50%;
604       height:45px; 604       height:45px;
605       line-height:45px; 605       line-height:45px;
606       &:hover{ 606       &:hover{
607         opacity:1; 607         opacity:1;
608       } 608       }
609     } 609     }
610     .product-item-details{ 610     .product-item-details{
611       position:absolute; 611       position:absolute;
612       bottom:45px; 612       bottom:45px;
613       z-index:3; 613       z-index:3;
614       background-color:#fff; 614       background-color:#fff;
615       width:100%; 615       width:100%;
616       text-align:left; 616       text-align:left;
617       padding:15px 20px 0; 617       padding:15px 20px 0;
618       border-top:1px solid rgba(0,0,0,.09); 618       border-top:1px solid rgba(0,0,0,.09);
619       border-bottom:1px solid rgba(0,0,0,.09); 619       border-bottom:1px solid rgba(0,0,0,.09);
620       transition:all .3s; 620       transition:all .3s;
621       opacity:0; 621       opacity:0;
622       visibility:hidden; 622       visibility:hidden;
623     } 623     }
624     .qty-box{display:none} 624     .qty-box{display:none}
625     .product-reviews-summary { 625     .product-reviews-summary {
626       margin: 0 0 .625rem; 626       margin: 0 0 .625rem;
627     } 627     }
628     &:hover { 628     &:hover {
629       .product-item-photo { 629       .product-item-photo {
630         box-shadow: none; 630         box-shadow: none;
631       } 631       }
632       .weltpixel-quickview.weltpixel_quickview_button_v2{padding: 0;} 632       .weltpixel-quickview.weltpixel_quickview_button_v2{padding: 0;}
633       .product-item-details, .product-item-actions >.action, .product-item-actions>.actions-primary{visibility:visible;opacity:1;} 633       .product-item-details, .product-item-actions >.action, .product-item-actions>.actions-primary{visibility:visible;opacity:1;}
634     } 634     }
635   } 635   }
636   &.type8 { 636   &.type8 {
637     .product-item-photo { 637     .product-item-photo {
638       margin: 0; 638       margin: 0;
639     } 639     }
640     .price-box .price,.product.name a{ 640     .price-box .price,.product.name a{
641       color:#fff; 641       color:#fff;
642     } 642     }
643     .product-reviews-summary { 643     .product-reviews-summary {
644       .rating-summary .rating-result{ 644       .rating-summary .rating-result{
645         > span:before { 645         > span:before {
646           color: #fff; 646           color: #fff;
647         } 647         }
648         &:before { 648         &:before {
649         color: rgba(255,255,255,.6); 649         color: rgba(255,255,255,.6);
650         } 650         }
651       } 651       }
652       height: auto; 652       height: auto;
653     } 653     }
654     .weltpixel-quickview.weltpixel_quickview_button_v2{ 654     .weltpixel-quickview.weltpixel_quickview_button_v2{
655       right: 0; 655       right: 0;
656       left: 0; 656       left: 0;
657       line-height: 32px; 657       line-height: 32px;
658       transition: none; 658       transition: none;
659       &:hover { 659       &:hover {
660         opacity: 1; 660         opacity: 1;
661       } 661       }
662     } 662     }
663     .product-item-actions { 663     .product-item-actions {
664       >.action,>.actions-primary .tocart { 664       >.action,>.actions-primary .tocart {
665         position: absolute; 665         position: absolute;
666         top: 15px; 666         top: 15px;
667         left: 15px; 667         left: 15px;
668         z-index: 3; 668         z-index: 3;
669         background-color:#4d4d4a; 669         background-color:#4d4d4a;
670         border:2px solid #fff; 670         border:2px solid #fff;
671         border-radius:30px; 671         border-radius:30px;
672         color:#fff; 672         color:#fff;
673         width:36px; 673         width:36px;
674         height:36px; 674         height:36px;
675         visibility: hidden; 675         visibility: hidden;
676         opacity: 0; 676         opacity: 0;
677         transition:all .3s; 677         transition:all .3s;
678         &::before { 678         &::before {
679           font-weight: 600; 679           font-weight: 600;
680           font-size: .9375rem; 680           font-size: .9375rem;
681           display: block; 681           display: block;
682         } 682         }
683       } 683       }
684       >.actions-primary .tocart { 684       >.actions-primary .tocart {
685         left: 97px; 685         left: 97px;
686       } 686       }
687       >.action.towishlist { 687       >.action.towishlist {
688         left: 56px; 688         left: 56px;
689       } 689       }
690     } 690     }
691     .product-item-details{ 691     .product-item-details{
692       position: absolute; 692       position: absolute;
693       left:0; 693       left:0;
694       top:0; 694       top:0;
695       right:0; 695       right:0;
696       bottom:0; 696       bottom:0;
697       z-index:2; 697       z-index:2;
698       background-color:rgba(27,27,23,.6); 698       background-color:rgba(27,27,23,.6);
699       display:flex; 699       display:flex;
700       flex-direction:column; 700       flex-direction:column;
701       align-items:center; 701       align-items:center;
702       justify-content:center; 702       justify-content:center;
703       opacity:0; 703       opacity:0;
704       visibility:hidden; 704       visibility:hidden;
705       transition:all .3s; 705       transition:all .3s;
706     } 706     }
707     .product-item-photo { 707     .product-item-photo {
708       margin-bottom: 0; 708       margin-bottom: 0;
709       .qty-box{ 709       .qty-box{
710         position:static; 710         position:static;
711         display:inline-block; 711         display:inline-block;
712         vertical-align:middle; 712         vertical-align:middle;
713         margin:0 5px 0 0; 713         margin:0 5px 0 0;
714       } 714       }
715     } 715     }
716     &:hover { 716     &:hover {
717       .product-item-photo { 717       .product-item-photo {
718         box-shadow: none; 718         box-shadow: none;
719       } 719       }
720       .product-item-actions { 720       .product-item-actions {
721         >.action,>.actions-primary .tocart { 721         >.action,>.actions-primary .tocart {
722           visibility: visible; 722           visibility: visible;
723           opacity:.85; 723           opacity:.85;
724           &:hover{opacity:1;} 724           &:hover{opacity:1;}
725         } 725         }
726       } 726       }
727       .product-item-details{opacity:1;visibility:visible} 727       .product-item-details{opacity:1;visibility:visible}
728     } 728     }
729   } 729   }
730   &.type9 { 730   &.type9 {
731     .product-item-details{ 731     .product-item-details{
732       text-align:right; 732       text-align:right;
733     } 733     }
734     .product-reviews-summary {margin: 0 0 .625rem;} 734     .product-reviews-summary {margin: 0 0 .625rem;}
735     .product-item-actions{ 735     .product-item-actions{
736       >.action,>.actions-primary .tocart{ 736       >.action,>.actions-primary .tocart{
737         position: absolute; 737         position: absolute;
738         top: 15px; 738         top: 15px;
739         left: 15px; 739         left: 15px;
740         z-index: 3; 740         z-index: 3;
741         background-color:#fff; 741         background-color:#fff;
742         border:1px solid #ddd; 742         border:1px solid #ddd;
743         border-radius:30px; 743         border-radius:30px;
744         color:#333; 744         color:#333;
745         width:36px; 745         width:36px;
746         height:36px; 746         height:36px;
747         visibility: hidden; 747         visibility: hidden;
748         opacity: 0; 748         opacity: 0;
749         transition:all .3s; 749         transition:all .3s;
750         &::before { 750         &::before {
751           font-weight: 600; 751           font-weight: 600;
752           font-size: .9375rem; 752           font-size: .9375rem;
753           display: block; 753           display: block;
754         } 754         }
755         &:hover { 755         &:hover {
756           background-color:#08c; 756           background-color:#08c;
757           color:#fff; 757           color:#fff;
758         } 758         }
759       } 759       }
760       >.actions-primary .tocart { 760       >.actions-primary .tocart {
761         left: 97px; 761         left: 97px;
762       } 762       }
763       >.action.towishlist { 763       >.action.towishlist {
764         left: 56px; 764         left: 56px;
765       } 765       }
766     } 766     }
767     .product-item-photo .qty-box{ 767     .product-item-photo .qty-box{
768       position:static; 768       position:static;
769       display:inline-block; 769       display:inline-block;
770       vertical-align:middle; 770       vertical-align:middle;
771       margin:0 0 0 5px; 771       margin:0 0 0 5px;
772     } 772     }
773     &:hover { 773     &:hover {
774       .product-item-actions { 774       .product-item-actions {
775         >.action,>.actions-primary .tocart { 775         >.action,>.actions-primary .tocart {
776           visibility: visible; 776           visibility: visible;
777           opacity:.85; 777           opacity:.85;
778           &:hover { 778           &:hover {
779             opacity:1; 779             opacity:1;
780           } 780           }
781         } 781         }
782       } 782       }
783     } 783     }
784   } 784   }
785   &.type10 { 785   &.type10 {
786     .product-item-inner { 786     .product-item-inner {
787       display: flex; 787       display: flex;
788       justify-content: center; 788       justify-content: center;
789     } 789     }
790     .product-item-actions { 790     .product-item-actions {
791       .towishlist,.tocompare { 791       .towishlist,.tocompare {
792         display: none; 792         display: none;
793       } 793       }
794     } 794     }
795     .qty-box { 795     .qty-box {
796       display: inline-flex; 796       display: inline-flex;
797       position: relative; 797       position: relative;
798       text-align: right; 798       text-align: right;
799       vertical-align: middle; 799       vertical-align: middle;
800       .qty { 800       .qty {
801         -moz-appearance: textfield; 801         -moz-appearance: textfield;
802         text-align: center; 802         text-align: center;
803         width: 2.5em; 803         width: 2.5em;
804         height: 36px; 804         height: 36px;
805         box-shadow: none; 805         box-shadow: none;
806         border-radius: 0; 806         border-radius: 0;
807         font-family: Poppins,sans-serif; 807         font-family: Poppins,sans-serif;
808         color: #222529; 808         color: #222529;
809         line-height: 1.42857; 809         line-height: 1.42857;
810         padding: 8px 0; 810         padding: 8px 0;
811         font-size: .85rem; 811         font-size: .85rem;
812       } 812       }
813       .qtyminus, .qtyplus { 813       .qtyminus, .qtyplus {
814         position: relative; 814         position: relative;
815         width: 2em; 815         width: 2em;
816         height: 36px; 816         height: 36px;
817         line-height: 1; 817         line-height: 1;
818         border: 1px solid; 818         border: 1px solid;
819         padding: 0; 819         padding: 0;
820         outline: none; 820         outline: none;
821         text-indent: -9999px; 821         text-indent: -9999px;
822         &:before { 822         &:before {
823           content: ''; 823           content: '';
824           position: absolute; 824           position: absolute;
825           right: 50%; 825           right: 50%;
826           top: 50%; 826           top: 50%;
827           width: 9px; 827           width: 9px;
828           border-top: 1px solid; 828           border-top: 1px solid;
829           margin-top: -.5px; 829           margin-top: -.5px;
830           margin-right: -4.5px; 830           margin-right: -4.5px;
831         } 831         }
832       } 832       }
833       .qtyminus, .qtyplus { 833       .qtyminus, .qtyplus {
834         background: transparent; 834         background: transparent;
835         border-color: rgba(0,0,0,.09); 835         border-color: rgba(0,0,0,.09);
836         &:not(:hover) { 836         &:not(:hover) {
837           color: #222529; 837           color: #222529;
838         } 838         }
839       } 839       }
840       .qtyminus { 840       .qtyminus {
841         right: 1px; 841         right: 1px;
842       } 842       }
843       .qtyplus { 843       .qtyplus {
844         right: -1px; 844         right: -1px;
845         &:after { 845         &:after {
846           content: ''; 846           content: '';
847           position: absolute; 847           position: absolute;
848           right: 50%; 848           right: 50%;
849           top: 50%; 849           top: 50%;
850           height: 9px; 850           height: 9px;
851           border-right: 1px solid; 851           border-right: 1px solid;
852           margin-top: -4.5px; 852           margin-top: -4.5px;
853           margin-right: -.5px; 853           margin-right: -.5px;
854         } 854         }
855       } 855       }
856     } 856     }
857   } 857   }
858   &.type11 { 858   &.type11 {
859     .product-item-name{ 859     .product-item-name{
860       text-align:right; 860       text-align:right;
861     } 861     }
862     .product-item-photo:after { 862     .product-item-photo:after {
863       content: ""; 863       content: "";
864       position: absolute; 864       position: absolute;
865       left: 0; 865       left: 0;
866       top: 0; 866       top: 0;
867       width: 100%; 867       width: 100%;
868       height: 100%; 868       height: 100%;
869       background-color: rgba(27,27,23,.3); 869       background-color: rgba(27,27,23,.3);
870       transition: .25s; 870       transition: .25s;
871       z-index: 2; 871       z-index: 2;
872     } 872     }
873     .price-box .price,.product.name a,.product.name a:hover{ 873     .price-box .price,.product.name a,.product.name a:hover{
874       color:#fff; 874       color:#fff;
875     } 875     }
876     .product-reviews-summary{ 876     .product-reviews-summary{
877       margin-left: 0; 877       margin-left: 0;
878       margin-right: 0; 878       margin-right: 0;
879       height: auto; 879       height: auto;
880       .rating-summary .rating-result:before { 880       .rating-summary .rating-result:before {
881         color: rgba(255,255,255,.6); 881         color: rgba(255,255,255,.6);
882       } 882       }
883       .rating-summary .rating-result > span:before { 883       .rating-summary .rating-result > span:before {
884         color: #fff; 884         color: #fff;
885       } 885       }
886     } 886     }
887     .weltpixel-quickview.weltpixel_quickview_button_v2{ 887     .weltpixel-quickview.weltpixel_quickview_button_v2{
888       position:absolute; 888       position:absolute;
889       right:50%; 889       right:50%;
890       top:50%; 890       top:50%;
891       bottom:auto; 891       bottom:auto;
892       right:auto; 892       right:auto;
893       text-transform:uppercase; 893       text-transform:uppercase;
894       text-decoration:none; 894       text-decoration:none;
895       display:block; 895       display:block;
896       transition:all .3s; 896       transition:all .3s;
897       visibility:hidden; 897       visibility:hidden;
898       opacity:0; 898       opacity:0;
899       padding: .1rem 1.5rem; 899       padding: .1rem 1.5rem;
900       font-size: 13px; 900       font-size: 13px;
901       width: auto; 901       width: auto;
902       line-height: 34px; 902       line-height: 34px;
903       border-radius:30px!important; 903       border-radius:30px!important;
904       border:2px solid #fff; 904       border:2px solid #fff;
905       background-color:#4d4d4a!important; 905       background-color:#4d4d4a!important;
906       transform:translate3d(-50%,-50%,0); 906       transform:translate3d(-50%,-50%,0);
907     } 907     }
908     .product-item-inner{ 908     .product-item-inner{
909       position: absolute; 909       position: absolute;
910       right:auto; 910       right:auto;
911       left:15px; 911       left:15px;
912       bottom:auto; 912       bottom:auto;
913       top:15px; 913       top:15px;
914       visibility: visible; 914       visibility: visible;
915       opacity: 0; 915       opacity: 0;
916       z-index: 3; 916       z-index: 3;
917       .product-item-actions { 917       .product-item-actions {
918         >.action,>.actions-primary .tocart{ 918         >.action,>.actions-primary .tocart{
919           background-color:#4d4d4a; 919           background-color:#4d4d4a;
920           border:2px solid #fff; 920           border:2px solid #fff;
921           border-radius:30px; 921           border-radius:30px;
922           color:#fff; 922           color:#fff;
923           width:36px; 923           width:36px;
924           height:36px; 924           height:36px;
925           opacity:.85; 925           opacity:.85;
926           transition:all .3s; 926           transition:all .3s;
927           &:hover{ 927           &:hover{
928             opacity:1; 928             opacity:1;
929           } 929           }
930         } 930         }
931         >.action:before{ 931         >.action:before{
932           font-size:15px; 932           font-size:15px;
933           line-height:32px; 933           line-height:32px;
934         } 934         }
935       } 935       }
936     } 936     }
937     .porto-icon-eye{ 937     .porto-icon-eye{
938       display:none; 938       display:none;
939     } 939     }
940     .product.details.product-item-details{ 940     .product.details.product-item-details{
941       position:absolute!important; 941       position:absolute!important;
942       left:0; 942       left:0;
943       top:0; 943       top:0;
944       right:0; 944       right:0;
945       bottom:0; 945       bottom:0;
946       z-index:2; 946       z-index:2;
947       display:flex; 947       display:flex;
948       flex-direction:column; 948       flex-direction:column;
949       align-items:baseline; 949       align-items:baseline;
950       justify-content: 950       justify-content:
951       flex-end;opacity:0; 951       flex-end;opacity:0;
952       visibility:hidden; 952       visibility:hidden;
953       transition:all .3s; 953       transition:all .3s;
954       padding:0 20px 10px; 954       padding:0 20px 10px;
955     } 955     }
956     .product-item-photo .qty-box{ 956     .product-item-photo .qty-box{
957       position:static; 957       position:static;
958       display:inline-block; 958       display:inline-block;
959       vertical-align:middle; 959       vertical-align:middle;
960       margin:0 0 0 5px; 960       margin:0 0 0 5px;
961     } 961     }
962     &:hover { 962     &:hover {
963       .product-item-photo{ 963       .product-item-photo{
964         box-shadow: none; 964         box-shadow: none;
965         &:after { 965         &:after {
966           background-color: rgba(27,27,23,.7); 966           background-color: rgba(27,27,23,.7);
967         } 967         }
968       } 968       }
969       .weltpixel-quickview.weltpixel_quickview_button_v2{ 969       .weltpixel-quickview.weltpixel_quickview_button_v2{
970         visibility:visible; 970         visibility:visible;
971         opacity:.85; 971         opacity:.85;
972         padding: .1rem 1.5rem; 972         padding: .1rem 1.5rem;
973         &:hover { 973         &:hover {
974           opacity:1; 974           opacity:1;
975         } 975         }
976       } 976       }
977       .product-item-inner{ 977       .product-item-inner{
978         opacity:1; 978         opacity:1;
979         visibility:visible; 979         visibility:visible;
980       } 980       }
981       .product.details.product-item-details{ 981       .product.details.product-item-details{
982         opacity:1; 982         opacity:1;
983         visibility:visible; 983         visibility:visible;
984       } 984       }
985     } 985     }
986   } 986   }
987   &.type12 { 987   &.type12 {
988     display: flex; 988     display: flex;
989     align-items: center; 989     align-items: center;
990     text-align: left; 990     text-align: left;
991     padding: 10px 20px; 991     padding: 10px 20px;
992     background: #fff; 992     background: #fff;
993     a.weltpixel-quickview { 993     a.weltpixel-quickview {
994         display: none !important; 994         display: none !important;
995     } 995     }
996     .product-item-photo { 996     .product-item-photo {
997         flex: 0 0 50%; 997         flex: 0 0 50%;
998         max-width: 50%; 998         max-width: 50%;
999         padding-left: 15px; 999         padding-left: 15px;
1000         margin: 0; 1000         margin: 0;
1001         > a { 1001         > a {
1002           display: block; 1002           display: block;
1003           position: relative; 1003           position: relative;
1004         } 1004         }
1005     } 1005     }
1006     .product-item-details { 1006     .product-item-details {
1007         flex: 0 0 50%; 1007         flex: 0 0 50%;
1008         max-width: 50%; 1008         max-width: 50%;
1009     } 1009     }
1010     .product-reviews-summary { 1010     .product-reviews-summary {
1011       margin-left: 0; 1011       margin-left: 0;
1012       margin-right: 0; 1012       margin-right: 0;
1013       margin-bottom: .525rem; 1013       margin-bottom: .525rem;
1014     } 1014     }
1015     &:hover { 1015     &:hover {
1016       .product-item-photo { 1016       .product-item-photo {
1017         box-shadow: none; 1017         box-shadow: none;
1018         > a:before { 1018         > a:before {
1019           display: none; 1019           display: none;
1020         } 1020         }
1021       } 1021       }
1022     } 1022     }
1023   } 1023   }
1024   &:hover { 1024   &:hover {
1025     .product-item-photo
 {
 1025     .product-item-photo:not(.porto-tb-featured-image) {
1026       box-shadow: 0 25px 35px -5px rgba(0,0,0,.1); 1026       box-shadow: 0 25px 35px -5px rgba(0,0,0,.1);
1027     } 1027     }
1028     .product-item-details { 1028     .product-item-details {
1029       .product-item-actions { 1029       .product-item-actions {
1030         .actions-secondary { 1030         .actions-secondary {
1031             &.towishlist { 1031             &.towishlist {
1032                 left: 0; 1032                 left: 0;
1033                 visibility: visible; 1033                 visibility: visible;
1034                 opacity: 1; 1034                 opacity: 1;
1035             } 1035             }
1036             &.tocompare { 1036             &.tocompare {
1037                 right: 0; 1037                 right: 0;
1038                 visibility: visible; 1038                 visibility: visible;
1039                 opacity: 1; 1039                 opacity: 1;
1040             } 1040             }
1041         } 1041         }
1042         .tocart { 1042         .tocart {
1043           background-color: @theme-color; 1043           background-color: @theme-color;
1044           border-color: @theme-color; 1044           border-color: @theme-color;
1045           color: #fff; 1045           color: #fff;
1046         } 1046         }
1047       } 1047       }
1048     } 1048     }
1049     .weltpixel-quickview.weltpixel_quickview_button_v2 { 1049     .weltpixel-quickview.weltpixel_quickview_button_v2 {
1050       padding: .45rem 0; 1050       padding: .45rem 0;
1051       opacity: .85; 1051       opacity: .85;
1052       visibility: visible; 1052       visibility: visible;
1053       &:hover { 1053       &:hover {
1054         opacity: 1; 1054         opacity: 1;
1055       } 1055       }
1056     } 1056     }
1057   } 1057   }
1058   .owl-carousel & { 1058   .owl-carousel & {
1059     .product-reviews-summary { 1059     .product-reviews-summary {
1060       display: flex; 1060       display: flex;
1061       justify-content: flex-end; 1061       justify-content: flex-end;
1062     } 1062     }
1063   } 1063   }
1064 } 1064 }
1065 .price-container { 1065 .price-container {
1066     .price { 1066     .price {
1067         .lib-font-size(20); 1067         .lib-font-size(20);
1068         color: #444; 1068         color: #444;
1069     } 1069     }
1070  1070 
1071     .price-including-tax + .price-excluding-tax, 1071     .price-including-tax + .price-excluding-tax,
1072     .weee { 1072     .weee {
1073         margin-top: 5px; 1073         margin-top: 5px;
1074     } 1074     }
1075  1075 
1076     .price-including-tax + .price-excluding-tax, 1076     .price-including-tax + .price-excluding-tax,
1077     .weee, 1077     .weee,
1078     .price-including-tax + .price-excluding-tax .price, 1078     .price-including-tax + .price-excluding-tax .price,
1079     .weee .price, 1079     .weee .price,
1080     .weee + .price-excluding-tax:before, 1080     .weee + .price-excluding-tax:before,
1081     .weee + .price-excluding-tax .price { 1081     .weee + .price-excluding-tax .price {
1082         .lib-font-size(11); 1082         .lib-font-size(11);
1083     } 1083     }
1084  1084 
1085     .weee { 1085     .weee {
1086         &:before { 1086         &:before {
1087             content: "("attr(data-label) ": "; 1087             content: "("attr(data-label) ": ";
1088         } 1088         }
1089         &:after { 1089         &:after {
1090             content: ")"; 1090             content: ")";
1091         } 1091         }
1092         + .price-excluding-tax { 1092         + .price-excluding-tax {
1093             &:before { 1093             &:before {
1094                 content: attr(data-label) ": "; 1094                 content: attr(data-label) ": ";
1095             } 1095             }
1096         } 1096         }
1097     } 1097     }
1098 } 1098 }
1099 .products-list { 1099 .products-list {
1100     .product { 1100     .product {
1101         &-item { 1101         &-item {
1102             display: block; 1102             display: block;
1103             width: 100%; 1103             width: 100%;
1104             padding: 0 10px; 1104             padding: 0 10px;
1105             &-info { 1105             &-info {
1106               display: flex; 1106               display: flex;
1107               align-items: center; 1107               align-items: center;
    1108               >.porto-section {
    1109                 display: flex;
    1110                 align-items: center;
    1111               }
1108               &:after { 1112               &:after {
1109                   display: table; 1113                   display: table;
1110                   content: ''; 1114                   content: '';
1111                   clear: both; 1115                   clear: both;
1112               } 1116               }
1113               &:hover .product-item-photo { 1117               &:hover .product-item-photo {
1114                   box-shadow: none; 1118                   box-shadow: none;
1115               } 1119               }
1116             } 1120             }
1117             &-photo { 1121             &-photo {
1118               flex: 0 0 250px; 1122               flex: 0 0 250px;
1119               margin: 0 0 0 20px; 1123               margin: 0 0 0 20px;
1120             } 1124             }
1121             &-details { 1125             &-details {
1122               flex: 1 1 auto; 1126               flex: 1 1 auto;
1123               max-width: calc(~"100% - (250px)"); 1127               max-width: calc(~"100% - (250px)");
1124               padding-bottom: 1px; 1128               padding-bottom: 1px;
1125               text-align: right; 1129               text-align: right;
1126               .product-item-name a { 1130               .product-item-name a {
1127                 font-size: 1.2857em; 1131                 font-size: 1.2857em;
1128                 font-weight: 600; 1132                 font-weight: 600;
1129               } 1133               }
1130               .actions-primary { 1134               .actions-primary {
1131                   display: inline-block; 1135                   display: inline-block;
1132               } 1136               }
1133               .actions-secondary { 1137               .actions-secondary {
1134                   margin-right: 2px; 1138                   margin-right: 2px;
1135                   right: 0 !important; 1139                   right: 0 !important;
1136                   left: 0 !important; 1140                   left: 0 !important;
1137                   visibility: visible !important; 1141                   visibility: visible !important;
1138                   opacity: 1 !important; 1142                   opacity: 1 !important;
1139               } 1143               }
1140               .weltpixel-quickview {display: none;} 1144               .weltpixel-quickview {display: none;}
1141             } 1145             }
1142             .product-reviews-summary { 1146             .product-reviews-summary {
1143                 background: none; 1147                 background: none;
1144                 margin-right: 0; 1148                 margin-right: 0;
1145             } 1149             }
1146         } 1150         }
1147     } 1151     }
1148     .product-image-wrapper { 1152     .product-image-wrapper {
1149         &:extend(.abs-reset-image-wrapper all); 1153         &:extend(.abs-reset-image-wrapper all);
1150     } 1154     }
1151 } 1155 }
1152  1156 // Product Lists Type News
    1157 .porto-tb-featured-image {
    1158     position: relative;
    1159     .img-thumbnail {
    1160         display: block;
    1161     }
    1162     img {
    1163         display: block;
    1164         width: 100%;
    1165     }
    1166     .owl-nav {
    1167         z-index: 1;
    1168     }
    1169     .owl-carousel {
    1170         z-index: auto;
    1171     }
    1172     .zoom {
    1173         line-height: 30px;
    1174     }
    1175     p {
    1176         overflow-wrap: break-word;
    1177     }
    1178     &:hover {
    1179         z-index: auto;
    1180         .zoom {
    1181             opacity: 1;
    1182         }
    1183     }
    1184 }
    1185 .tb-image-type-gallery {
    1186   .img-thumbnail .zoom {
    1187     opacity: 0;
    1188   }
    1189 }
    1190 .grid-creative .tb-image-type-default,.grid-creative .tb-image-type-hover {
    1191     height: 100%
    1192 }
    1193 .grid-creative {
    1194   .tb-image-type-default, .tb-image-type-hover {
    1195     .img-thumbnail,.img-thumbnail img {
    1196       height: inherit;
    1197       object-fit: cover;
    1198     }
    1199   }
    1200   >.porto-tb-item {
    1201       margin-bottom: 0;
    1202   }
    1203 }
    1204 .product-type-advanced {
    1205   .tb-image-type-hover {
    1206     position: relative;
    1207     .hover_image {
    1208       position: absolute;
    1209       left: 0;
    1210       top: 0;
    1211       height: 100%;
    1212       right: 0;
    1213       object-fit: cover;
    1214       transition: opacity 0.3s,transform 2s cubic-bezier(0,0,0.44,1.18);
    1215       opacity: 0;
    1216       z-index: 2;
    1217       visibility: visible;
    1218     }
    1219     &:hover {
    1220       .hover_image {
    1221         opacity: 1;
    1222         transform: scale(1.1,1.1) translateZ(0);
    1223       }
    1224     }
    1225   }
    1226 }
    1227 .tb-image-type-slider {
    1228   .owl-item,.owl-stage,.owl-stage-outer,.porto-carousel {
    1229       position: static
    1230   }
    1231   .porto-carousel {
    1232     .owl-dots {
    1233       top: auto;
    1234       bottom: 10px;
    1235       justify-content: center;
    1236       z-index: 5;
    1237     }
    1238     .zoom {
    1239         z-index: 5;
    1240     }
    1241     .img-thumbnail {
    1242         overflow: hidden;
    1243     }
    1244   }
    1245 }
    1246 .tb-woo-price .price {
    1247     display: block
    1248 }
    1249 .tb-hover-content {
    1250   position: absolute;
    1251   right: 0;
    1252   top: 0;
    1253   width: 100%;
    1254   height: 100% !important;
    1255   z-index: 5;
    1256   .porto-tb-link {
    1257     position: absolute;
    1258     right: 0;
    1259     top: 0;
    1260     width: 100%;
    1261     height: 100%;
    1262     z-index: 4;
    1263   }
    1264 }
    1265 .tb-hover-content {
    1266     display: flex;
    1267     flex-direction: column;
    1268     flex-wrap: wrap;
    1269     height: 100%;
    1270     transition: transform 0.4s,opacity 0.3s;
    1271     opacity: 0;
    1272     &.thumb-info-floating-element-wrapper:not(.with-link)>:first-child {
    1273         display: none;
    1274     }
    1275     &.thumb-info-floating-element-wrapper.with-link>:nth-child(2) {
    1276         display: none;
    1277     }
    1278 }
    1279 .porto-tb-item{
    1280   &:hover .tb-hover-content {
    1281     opacity: 1;
    1282   }
    1283 }
    1284 .hover-start-fadein {
    1285     opacity: 0;
    1286 }
    1287 .hover-start-translateleft {
    1288     transform: translateX(-101%);
    1289 }
    1290 .hover-start-translatetop {
    1291     transform: translateY(-101%);
    1292 }
    1293 .hover-start-translatebottom {
    1294     transform: translateY(101%);
    1295 }
    1296 .hover-start-contenttranslatebottom>:not(.porto-tb-link) {
    1297     transform: translateY(100px);
    1298     transition: transform 0.3s,opacity 0.3s;
    1299 }
    1300 .porto-tb-item:hover .hover-start-fadein {
    1301     opacity: 1;
    1302 }
    1303 .porto-tb-item:hover .hover-start-translateleft {
    1304     transform: translateX(0);
    1305 }
    1306 .porto-tb-item:hover .hover-start-translatebottom,.porto-tb-item:hover .hover-start-translatetop {
    1307     transform: translateY(0);
    1308 }
    1309 .porto-tb-item:hover .hover-start-contenttranslatebottom>:not(.porto-tb-link) {
    1310     transform: translateY(0);
    1311 }
    1312 .tb-hover-content>* {
    1313     position: relative;
    1314     z-index: 1
    1315 }
    1316 .tb-hover-content .porto-tb-link {
    1317     z-index: auto;
    1318 }
    1319 .porto-tb-icon-left i {
    1320     margin-left: 0.25rem;
    1321 }
    1322 .porto-tb-icon-right i {
    1323     margin-right: 0.25rem;
    1324 }
    1325 .porto-tb-woo-link:hover {
    1326     color: var(--theme-color);
    1327 }
    1328 .porto-tb-woo-link a {
    1329     color: inherit;
    1330 }
    1331 .porto-tb-wishlist a.view-wishlist {
    1332     display: none;
    1333 }
    1334 .porto-tb-wishlist a,.porto-tb-wishlist span:not(.yith-wcwl-tooltip) {
    1335     text-indent: 0;
    1336     border: none;
    1337     width: auto;
    1338     height: auto;
    1339     line-height: inherit;
    1340     background: none;
    1341     border: none;
    1342     color: inherit;
    1343     transition: none;
    1344 }
    1345 .porto-tb-wishlist.porto-tb-icon-left i {
    1346     margin-right: 0.25rem;
    1347 }
    1348 .porto-tb-wishlist .count-add-to-wishlist {
    1349     display: none!important;
    1350 }
    1351 .editor-styles-wrapper .yith-wcwl-add-to-wishlist span,.porto-tb-wishlist a:hover,.porto-tb-wishlist span:hover {
    1352     background: none;
    1353     color: inherit;
    1354     border: none;
    1355 }
    1356 .porto-tb-wishlist a:before,.porto-tb-wishlist span:before {
    1357     position: static;
    1358     font-size: inherit;
    1359 }
    1360 .porto-tb-swatch .variations .label,.porto-tb-swatch .variations .reset_variations {
    1361     display: none!important;
    1362 }
    1363 .porto-tb-swatch .variations td {
    1364     padding: 0 0 5px;
    1365 }
    1366 .porto-tb-meta {
    1367     display: inline-block;
    1368 }
    1369 .porto-tb-meta a {
    1370     color: inherit;
    1371 }
    1372 .porto-tb-meta a:hover {
    1373     color: var(--theme-color);
    1374 }
    1375 .porto-posts-grid.porto-ajax-loading:after {
    1376     z-index: 4;
    1377 }
    1378 .porto-posts-grid .sort-source {
    1379     margin-bottom: 1rem;
    1380 }
    1381 .porto-posts-grid .pagination {
    1382     margin: 0;
    1383 }
    1384 .porto-posts-grid.porto-ajax-load {
    1385     position: relative;
    1386 }
    1387 .porto-posts-grid .porto-ibanner>img {
    1388     width: auto;
    1389 }
    1390 .porto-posts-grid .posts-container[data-plugin-masonry] {
    1391     transition: height 0.3s ease-in-out;
    1392 }
    1393 .porto-posts-grid .nothing-found-message {
    1394     width: 100%;
    1395 }
    1396 .porto-posts-grid .filter-check li a:before {
    1397     content: "\f87a";
    1398     font-family: "porto";
    1399 }
    1400 html:not(.rtl) .porto-posts-grid .filter-check li a:before {
    1401     margin-right: 6px;
    1402 }
    1403 .rtl .porto-posts-grid .filter-check li a:before {
    1404     margin-left: 6px;
    1405 }
    1406 .porto-posts-grid .filter-check li.active a:before {
    1407     content: "\f87b";
    1408 }
    1409 .image-hover-overlay {
    1410     position: relative;
    1411     .posts-wrap {
    1412         position: relative;
    1413         z-index: 2;
    1414         .img-thumbnail {
    1415             transition: opacity 0.8s;
    1416         }
    1417     }
    1418     &.active .img-thumbnail {
    1419         opacity: 0;
    1420     }
    1421     .thumb-info-full {
    1422         position: absolute;
    1423         left: 0;
    1424         right: 0;
    1425         bottom: 20px;
    1426         height: 100%;
    1427         opacity: 0;
    1428         transition: opacity 0.8s;
    1429         background-size: cover;
    1430         &.active {
    1431             opacity: 1;
    1432         }
    1433     }
    1434 }
    1435 .porto-tb-item {
    1436   &:hover .viewcart.added {
    1437       display: block;
    1438       opacity: 1;
    1439       cursor: pointer;
    1440   }
    1441   &.product-col {
    1442     .filter-color {
    1443       margin: 3px 0 3px 6px;
    1444       .rtl & {
    1445         margin-left: 0;
    1446         margin-right: 6px;
    1447       }
    1448     }
    1449   }
    1450 }
    1451 .product-type-countdown2 {
    1452   .sw-dailydeal {
    1453     background: none;
    1454     font-family: inherit;
    1455     color: inherit;
    1456     padding: 0;
    1457     text-align: inherit;
    1458     p {
    1459        line-height: 1;
    1460     }
    1461   }
    1462   .countdowncontainer {
    1463     text-align: inherit;
    1464     margin-bottom: 0;
    1465     .number-wrapper {
    1466       padding: 11px 0;
    1467       background: #f3f3f3;
    1468       margin: 0 2.5px 10px;
    1469       width: 50px;
    1470       text-align: center;
    1471       &:first-child {
    1472         margin-right: 0;
    1473       }
    1474       .number {
    1475           font-weight: 600;
    1476           color: #222529;
    1477           font-size: 1rem;
    1478           line-height: 1;
    1479       }
    1480       .caption {
    1481           text-transform: uppercase;
    1482           margin-top: 2px;
    1483           font-size: .625rem;
    1484           font-weight: 500;
    1485           margin-top: 7px;
    1486           width: 100%;
    1487           display: block;
    1488           line-height: 1;
    1489           p {line-height: 1;}
    1490       }
    1491     }
    1492   }
    1493 }
    1494 .product-type-advanced {
    1495   .porto-tb-featured-image {
    1496     overflow: hidden;
    1497   }
    1498   .product-item-actions {
    1499     .actions-secondary.action {
    1500       width: 40px;
    1501       height: 40px;
    1502       line-height: 38px;
    1503       background-color: rgba(255,255,255,1) !important;
    1504       border: 1px solid rgba(231,231,231,1);
    1505       border-radius: 50% 50% 50% 50%;
    1506       color: #222529;
    1507       line-height: 1.8;
    1508       visibility: visible !important;
    1509       opacity: 1 !important;
    1510       order: 1;
    1511       transition: transform 0.3s,opacity 0.3s,background-color 0.3s,border-color 0.3s,color 0.3s;
    1512       &::before {
    1513         font-size: 24px;
    1514         -webkit-font-smoothing: inherit;
    1515       }
    1516       &:hover {
    1517         background-color: rgba(33,37,41,1) !important;
    1518         color: #fff;
    1519         border-color: rgba(33,37,41,1);
    1520       }
    1521     }
    1522     .actions-secondary.action.tocompare {
    1523       order: 3;
    1524       right: 0;
    1525       &::before {
    1526         font-size: 20px;
    1527       }
    1528     }
    1529     .actions-secondary.action.towishlist {
    1530       left: 0;
    1531     }
    1532     > .actions-primary {
    1533       order: 2;
    1534       margin: 0 5px;
    1535     }
    1536   }
    1537   .product-item & {
    1538     .tocart:before {
    1539       font-weight: 300;
    1540       font-size: 22px;
    1541       margin-left: 0.25rem !important;
    1542       display: inline-block;
    1543       vertical-align: middle;
    1544       -webkit-font-smoothing: antialiased;
    1545     }
    1546   }
    1547   .product-item-name a {
    1548     font-weight: 500;
    1549     letter-spacing: -.025em;
    1550   }
    1551   .product-reviews-summary {
    1552     height: auto;
    1553     display: inline-block;
    1554   }
    1555   &.effect-ovdefault {
    1556     color:#fff;
    1557     .product-item-photo {
    1558       margin-bottom: 0;
    1559     }
    1560     .product-content {
    1561       padding-top: 0px;
    1562       padding-bottom: 0px;
    1563       position: absolute;
    1564       z-index: 1;
    1565       top: 50%;
    1566       right: 15px;
    1567       left: 15px;
    1568       opacity: 0;
    1569       transform: scale(0.9) translateZ(0) translateY(-50%);
    1570       transition: opacity .25s, transform .25s, bottom .25s;
    1571     }
    1572     &:hover .product-content {
    1573       opacity: 1;
    1574       transform: scale(1) translateZ(0) translateY(-50%);
    1575     }
    1576     .product-item-name a {
    1577       color: inherit;
    1578     }
    1579     .product-item & {
    1580       .rating-summary .rating-result{
    1581         &:before {
    1582           color: inherit;
    1583         }
    1584         > span:before {
    1585           color: #ffc600;
    1586         }
    1587       }
    1588       .price-box .price {
    1589         color: #fff;
    1590       }
    1591       .old-price .price {
    1592         color: #fff;
    1593       }
    1594     }
    1595     .content-top {
    1596       position: absolute;
    1597       top: 15px;
    1598       right: 20px;
    1599       left: 20px;
    1600     }
    1601     .content-bottom {
    1602       position: absolute;
    1603       bottom: 15px;
    1604       left: 20px;
    1605       right: 20px;
    1606     }
    1607   }
    1608   &.effect-hddf {
    1609     .product-content {
    1610       background-color: rgba(255,255,255,1);
    1611       padding: 20px 15px 0px 15px;
    1612       position: absolute;
    1613       right: 0px;
    1614       bottom: -5px;
    1615       left: 0px;
    1616       opacity: 0;
    1617       transition: bottom .25s, opacity .25s;
    1618     }
    1619     &:hover {
    1620       .product-content {
    1621         bottom: 0;
    1622         opacity: 1;
    1623       }
    1624     }
    1625     &.box-center {
    1626       .product-content {
    1627         top: 50%;
    1628         right: 20px;
    1629         left: 20px;
    1630         bottom: auto;
    1631         transform: translateY(calc(-50% + 20px));
    1632         transition: transform .25s, opacity .25s;
    1633       }
    1634       &:hover {
    1635         .product-content {
    1636           transform: translateY(-50%);
    1637           bottom: auto;
    1638         }
    1639       }
    1640     }
    1641     &.box-full {
    1642       .product-content {
    1643         top: 0px;
    1644         right: 0px;
    1645         bottom: -5px;
    1646         left: 0px;
    1647         transition: bottom .25s, opacity .25s;
    1648       }
    1649       &:hover {
    1650         .product-content {
    1651           bottom: 0;
    1652         }
    1653       }
    1654       .product-item-inner {
    1655         .actions-primary {
    1656           margin-top: 0;
    1657           position: absolute;
    1658           bottom: 0;
    1659           left: 0;
    1660           right: 0;
    1661           flex-grow: inherit;
    1662         }
    1663       }
    1664     }
    1665   }
    1666   &.effect-detailimg {
    1667     text-align: left;
    1668     .product-item-photo {
    1669       margin-bottom: 0;
    1670       .product-item-inner {
    1671         &.icon-absolute {
    1672           .product-item-actions {
    1673             .actions-secondary.action {
    1674               position: relative;
    1675               top: 0 !important;
    1676               left: 0;
    1677             }
    1678             .weltpixel-quickview.weltpixel_quickview_button_v2 {
    1679               top: 0;
    1680               padding: 0;
    1681               position: relative;
    1682               right: 0;
    1683               order: 3;
    1684             }
    1685           }
    1686         }
    1687         .product-item-actions {
    1688           position: absolute;
    1689           top: 0.625rem;
    1690           left: 0.625rem;
    1691           display: flex;
    1692           flex-direction: column;
    1693           justify-content: center;
    1694           align-items: center;
    1695           .actions-secondary.action {
    1696             position: relative;
    1697             top: 0;
    1698             left: 0;
    1699           }
    1700           > * {
    1701               margin-bottom: 10px;
    1702               &:last-child {
    1703                 margin-bottom: 0;
    1704               }
    1705           }
    1706         }
    1707         &.show-cart-icon .product-item-actions > .actions-primary {
    1708             margin: 0 0 10px;
    1709             order: 1;
    1710         }
    1711       }
    1712     }
    1713     .content-top {
    1714       top: 0.625rem;
    1715       left: 3.75rem;
    1716       right: 1.25rem;
    1717       position: absolute;
    1718     }
    1719     .product-labels + .product-item-inner {
    1720       .content-top {
    1721         top: 2.5rem;
    1722       }
    1723     }
    1724     .product-item-details {
    1725       position: absolute;
    1726       bottom: 16px;
    1727       right: 20px;
    1728       width: auto;
    1729     }
    1730     &.actions-center {
    1731       text-align: center;
    1732       .product-item-photo {
    1733         .product-item-inner {
    1734           .product-item-actions {
    1735             top: 50%;
    1736             transform: translateY(-50%);
    1737           }
    1738         }
    1739       }
    1740       .content-top {
    1741         left: 1.25rem;
    1742       }
    1743       .product-item-details {
    1744         left: 20px;
    1745       }
    1746     }
    1747     &.actions-bottom {
    1748       text-align: left;
    1749       .product-item-photo {
    1750         .product-item-inner {
    1751           .product-item-actions {
    1752             top: auto;
    1753             bottom: 0.625rem;
    1754           }
    1755         }
    1756       }
    1757       .product-item-details {
    1758         top: 16px;
    1759         left: 55px;
    1760         bottom: auto;
    1761       }
    1762       .product-labels + .product-item-inner {
    1763         .product-item-details {
    1764           top: 35px;
    1765         }
    1766       }
    1767     }
    1768   }
    1769   &.effect-cartlink {
    1770     .product-item-photo {
    1771       .product-item-inner {
    1772         .product-item-actions {
    1773           position: static;
    1774         }
    1775       }
    1776     }
    1777   }
    1778   .product-items:not(.owl-carousel) & {
    1779     &.effect-bheshadow {
    1780       transition: transform 0.5s;
    1781       position: relative;
    1782       &:before {
    1783         position: absolute;
    1784         content: '';
    1785         left: -16px;
    1786         top: -16px;
    1787         right: -16px;
    1788         bottom: -16px;
    1789         background-color: #fff;
    1790         opacity: 0;
    1791         visibility: hidden;
    1792         transition: box-shadow 0.3s, opacity 0.3s, visibility 0.3s;
    1793       }
    1794       &:hover {
    1795         transform: translateY(-10px);
    1796         z-index: 2;
    1797         &:before {
    1798           opacity: 1;
    1799           visibility: visible;
    1800           box-shadow: 0 0 40px 0px rgba(0,0,0,0.07);
    1801         }
    1802       }
    1803     }
    1804     &.effect-bhebrspace{
    1805       &:hover:before {
    1806         left: -16px;
    1807         top: -16px;
    1808         right: -16px;
    1809         bottom: -16px;
    1810       }
    1811     }
    1812     &.effect-bhesfd {
    1813       transition: transform 0.3s;
    1814       z-index: 2;
    1815       .content-shadow {
    1816         content: '';
    1817         opacity: 0;
    1818         visibility: hidden;
    1819         transition: box-shadow 0.3s, opacity 0.3s, visibility 0.3s;
    1820       }
    1821       &:hover .content-shadow {
    1822         opacity: 1;
    1823         visibility: visible;
    1824         box-shadow: 0 0 40px 0px rgba(0,0,0,0.07);
    1825       }
    1826       &:hover {
    1827         transform: translateY(-10px);
    1828         z-index: 9;
    1829         .product-item-details {
    1830           .product-item-inner {
    1831             opacity: 1;
    1832             visibility: visible;
    1833           }
    1834         }
    1835       }
    1836     }
    1837   }
    1838   &.effect-bheborder {
    1839     border: 1px solid transparent;
    1840     &:hover {
    1841       z-index: 2;
    1842       border-color: #e7e7e7;
    1843     }
    1844   }
    1845   &.effect-bhebrspace{
    1846     position: relative;
    1847     &:before {
    1848       position: absolute;
    1849       content: '';
    1850       left: 0;
    1851       top: 0;
    1852       right: 0;
    1853       bottom: 0;
    1854       background-color: #fff;
    1855       opacity: 0;
    1856       visibility: hidden;
    1857       border: 1px solid transparent;
    1858       transition: opacity 0.3s, visibility 0.3s, left 0.3s, top 0.3s, right 0.3s, bottom 0.3s;
    1859     }
    1860     &:hover:before {
    1861       opacity: 1;
    1862       visibility: visible;
    1863       border-color: #e7e7e7;
    1864     }
    1865   }
    1866   &.effect-bhesfd {
    1867     position: relative;
    1868     .product-item-photo {
    1869       .weltpixel-quickview.weltpixel_quickview_button_v2 {
    1870         position: absolute;
    1871         z-index: 2;
    1872         top: 10px;
    1873         left: 10px;
    1874         right: auto;
    1875         padding: 0;
    1876         span {display: none;}
    1877       }
    1878       .weltpixel-quickview.weltpixel_quickview_button_v2 {
    1879         width: 40px;
    1880         height: 40px;
    1881         background-color: rgba(255,255,255,1) !important;
    1882         border: 1px solid rgba(231,231,231,1);
    1883         border-radius: 50% 50% 50% 50%;
    1884         color: #222529;
    1885         line-height: 1.8;
    1886         transition: transform 0.3s,opacity 0.3s,background-color 0.3s,border-color 0.3s,color 0.3s;
    1887         &::before {
    1888           content: '\E884';
    1889           font-family: 'porto-icons';
    1890           display: block;
    1891           font-size: 22px;
    1892           -webkit-font-smoothing: inherit;
    1893         }
    1894         &:hover {
    1895           background-color: rgba(33,37,41,1) !important;
    1896           color: #fff;
    1897           border-color: rgba(33,37,41,1);
    1898         }
    1899       }
    1900     }
    1901     .content-shadow {
    1902       padding-top: 0px;
    1903       padding-bottom: 0px;
    1904       position: absolute;
    1905       top: -16px;
    1906       right: -16px;
    1907       left: -16px;
    1908       background-color: rgb(255, 255, 255);
    1909     }
    1910     [class^='swatch-opt-'] {
    1911       background-color: rgba(255,255,255,1);
    1912       padding-top: 0px;
    1913       padding-bottom: 0px;
    1914       position: absolute;
    1915       z-index: 2;
    1916       top: 0px;
    1917       right: 0px;
    1918       width: 100%;
    1919       transition: transform 0.3s, opacity 0.3s, visibility 0.3s;
    1920       opacity: 0;
    1921       visibility: hidden;
    1922       padding-top: 15px;
    1923     }
    1924     .product-item-details {
    1925       .price-box {
    1926         margin-bottom: 0;
    1927       }
    1928       .product-item-inner {
    1929         padding-top: 0px;
    1930         padding-bottom: 0px;
    1931         position: absolute;
    1932         top: 100%;
    1933         right: 0px;
    1934         left: 0px;
    1935         opacity: 0;
    1936         visibility: hidden;
    1937         transition: opacity 0.3s, visibility 0.3s;
    1938         .product-item-description {
    1939           margin-top: 13px;
    1940           font-size: 13px;
    1941           line-height: 22px;
    1942           letter-spacing: 0.005em;
    1943         }
    1944         .product-item-actions {
    1945           margin-top: 20px;
    1946           margin-bottom: 0;
    1947         }
    1948       }
    1949     }
    1950     &:hover {
    1951       [class^='swatch-opt-'] {
    1952         transform: translateY(-100%);
    1953         opacity: 1;
    1954         visibility: visible;
    1955       }
    1956     }
    1957   }
    1958 }
    1959 .button-pos-center .product-item-actions {
    1960   position: absolute;
    1961   top: 50%;
    1962   right: 1rem;
    1963   left: 1rem;
    1964   transform: translateY(-50%);
    1965 }
    1966 .button-pos-top .product-item-actions {
    1967   position: absolute;
    1968   top: 1rem;
    1969   right: 1rem;
    1970   left: 1rem;
    1971 }
    1972 .button-pos-bottom .product-item-actions {
    1973   position: absolute;
    1974   right: 1rem;
    1975   bottom: 1rem;
    1976   left: 1rem;
    1977   .has-quickview & {
    1978     bottom: 4rem;
    1979   }
    1980 }
    1981 .text-center .swatch-attribute-options {
    1982     justify-content: center;
    1983 }
    1984 .button-pos-outside {
    1985   .product-item-actions {
    1986     .actions-secondary.action {
    1987       border-radius: 0;
    1988       &.towishlist {
    1989         left: 0;
    1990         visibility: visible;
    1991         opacity: 1;
    1992       }
    1993       &.tocompare {
    1994         right: 0;
    1995         visibility: visible;
    1996         opacity: 1;
    1997       }
    1998     }
    1999     > .actions-primary {
    2000       .tocart {
    2001         border-radius: 0 !important;
    2002       }
    2003     }
    2004   }
    2005 }
    2006 .product-item-info {
    2007   .product-type-advanced {
    2008     .product-item-inner {
    2009       &:not(.show-cart-icon){
    2010         .product-item-actions {
    2011           > .actions-primary {
    2012             flex-grow: 1;
    2013             .tocart {
    2014               font-size: 13px;
    2015               font-weight: 500;
    2016               text-transform: uppercase;
    2017               line-height: 26px;
    2018               letter-spacing: -.05em;
    2019               text-align: center;
    2020               color: #ffffff;
    2021               background: none;
    2022               border: none;
    2023               height: 40px;
    2024               display: block;
    2025               padding: 0;
    2026               background-color: rgba(33,37,41,1);
    2027               border: none;
    2028               order: 2;
    2029               margin: 0;
    2030               flex-grow: 1;
    2031               width: auto;
    2032             }
    2033           }
    2034         }
    2035         .product-item-actions > .actions-primary .tocart span {
    2036           display: inline-block;
    2037           vertical-align: middle;
    2038         }
    2039       }
    2040       &.css-bottom-iconcart {
    2041         .product-item-actions {
    2042           > .actions-primary {
    2043             display: block;
    2044             width: 100%;
    2045             position: absolute;
    2046             right: 0px;
    2047             bottom: 0px;
    2048             left: 0px;
    2049             margin: 0;
    2050           }
    2051           &.actions-center {
    2052             > .actions-primary {
    2053               top: 50%;
    2054               left: 50%;
    2055               transform: translate(-50%, -50%);
    2056               bottom: auto;
    2057               width: max-content;
    2058             }
    2059             .flex-sm-row {
    2060               flex-direction: column !important;
    2061             }
    2062           }
    2063         }
    2064       }
    2065       &.show-cart-icon {
    2066         .product-item-actions {
    2067           > .actions-primary {
    2068             width: auto;
    2069             background: none;
    2070             border: none;
    2071             order: 2;
    2072             margin: 0 10px;
    2073             .tocart {
    2074               width: 40px;
    2075               height: 40px;
    2076               background-color: rgba(255,255,255,1) !important;
    2077               border: 1px solid rgba(231,231,231,1);
    2078               border-radius: 50% 50% 50% 50%;
    2079               color: #222529;
    2080               line-height: 1.8;
    2081               padding: 0;
    2082               transition: transform 0.3s,opacity 0.3s,background-color 0.3s,border-color 0.3s,color 0.3s;
    2083               &::before {
    2084                 margin-left: 0 !important;
    2085                 display: block;
    2086                 -webkit-font-smoothing: auto;
    2087               }
    2088               &:hover {
    2089                 background-color: rgba(33,37,41,1) !important;
    2090                 color: #fff;
    2091                 border-color: rgba(33,37,41,1);
    2092               }
    2093             }
    2094             .tocart span {
    2095               display: none;
    2096             }
    2097           }
    2098         }
    2099       }
    2100       &.icon-absolute {
    2101         .product-item-actions {
    2102           .actions-secondary.action, .weltpixel-quickview.weltpixel_quickview_button_v2 {
    2103             position: absolute;
    2104             z-index: 2;
    2105             top: 10px;
    2106             left: 10px;
    2107             right:auto;
    2108           }
    2109           .actions-secondary.action.tocompare {
    2110             top: 60px;
    2111           }
    2112           .weltpixel-quickview.weltpixel_quickview_button_v2 {
    2113             width: 40px;
    2114             height: 40px;
    2115             background-color: rgba(255,255,255,1) !important;
    2116             border: 1px solid rgba(231,231,231,1);
    2117             border-radius: 50% 50% 50% 50%;
    2118             color: #222529;
    2119             line-height: 1.8;
    2120             visibility: visible;
    2121             opacity: 1;
    2122             transition: transform 0.3s,opacity 0.3s,background-color 0.3s,border-color 0.3s,color 0.3s;
    2123             &::before {
    2124               content: '\E884';
    2125               font-family: 'porto-icons';
    2126               display: block;
    2127               font-size: 22px;
    2128               -webkit-font-smoothing: inherit;
    2129             }
    2130             &:hover {
    2131               background-color: rgba(33,37,41,1) !important;
    2132               color: #fff;
    2133               border-color: rgba(33,37,41,1);
    2134             }
    2135           }
    2136           .weltpixel-quickview.weltpixel_quickview_button_v2 {
    2137             right: auto;
    2138             top: 110px;
    2139             padding: 0;
    2140             span {display: none;}
    2141           }
    2142         }
    2143       }
    2144     }
    2145     &.effect-cartlink {
    2146       .product-item-inner:not(.show-cart-icon) .product-item-actions > .actions-primary {
    2147         margin: 0;
    2148         left: auto;
    2149         width: auto;
    2150         .tocart {
    2151           background: none;
    2152           font-size: 13px;
    2153           font-weight: 600;
    2154           text-transform: uppercase;
    2155           line-height: 26px;
    2156           letter-spacing: -.05em;
    2157           color: #222529;
    2158           text-decoration: underline;
    2159           height: auto;
    2160           span {
    2161             display: block;
    2162           }
    2163           &::before {display: none;}
    2164         }
    2165       }
    2166       .product-item-photo {
    2167         .product-item-inner:not(.show-cart-icon) .product-item-actions > .actions-primary {
    2168           .tocart {
    2169             margin-bottom: 0.625rem;
    2170             margin-right: 1rem;
    2171           }
    2172         }
    2173       }
    2174       .show-cartlink-top {
    2175         display: flex;
    2176         flex-wrap: wrap;
    2177         flex-direction: column;
    2178         justify-content: left;
    2179         align-items: flex-start;
    2180         text-align: left;
    2181         > * {
    2182             order: 2;
    2183             text-align: left;
    2184             margin-right: 0;
    2185             flex: 0 0 100%;
    2186         }
    2187         .product-item-actions {
    2188             margin-bottom: 8px;
    2189         }
    2190         .product-item-inner {
    2191           order: 1;
    2192         }
    2193         .price-box {
    2194           margin-bottom: 0;
    2195         }
    2196         .product-item-inner:not(.show-cart-icon) .product-item-actions > .actions-primary {
    2197           .tocart {
    2198             font-size: 1rem;
    2199             font-weight: 600;
    2200           }
    2201         }
    2202       }
    2203     }
    2204   }
    2205   &.type13 {
    2206     .product-item-inner:not(.button-pos-center) {
    2207       .product-item-actions {
    2208         display: block;
    2209         position: static;
    2210       }
    2211     }
    2212     .sw-dailydeal-wrapper {
    2213       padding: 0 0 10px;
    2214       position: relative;
    2215     }
    2216   }
    2217   &.type14 {
    2218     .sw-dailydeal-wrapper {
    2219       padding: 0 0 10px;
    2220       position: relative;
    2221     }
    2222   }
    2223   &.type15 {
    2224     &.porto-tb-item:hover .tb-hover-content {
    2225       background-color: rgba(33,37,41,0.7);
    2226     }
    2227     .product-item-inner:not(.button-pos-center) {
    2228       .product-item-actions {
    2229         display: block;
    2230         position: static;
    2231       }
    2232     }
    2233     .button-pos-center {
    2234       .weltpixel-quickview.weltpixel_quickview_button_v2 {
    2235         width: 40px;
    2236         height: 40px;
    2237         background-color: rgba(255,255,255,1) !important;
    2238         border: 1px solid rgba(231,231,231,1);
    2239         border-radius: 50% 50% 50% 50%;
    2240         color: #222529;
    2241         line-height: 1.8;
    2242         visibility: visible;
    2243         opacity: 1;
    2244         transition: transform 0.3s,opacity 0.3s,background-color 0.3s,border-color 0.3s,color 0.3s;
    2245         &::before {
    2246           content: '\E884';
    2247           font-family: 'porto-icons';
    2248           display: block;
    2249           font-size: 22px;
    2250           -webkit-font-smoothing: inherit;
    2251         }
    2252         &:hover {
    2253           background-color: rgba(33,37,41,1) !important;
    2254           color: #fff;
    2255           border-color: rgba(33,37,41,1);
    2256         }
    2257       }
    2258       .weltpixel-quickview.weltpixel_quickview_button_v2 {
    2259         right: auto;
    2260         left: -4px;
    2261         bottom: 0;
    2262         padding: 0;
    2263         span {display: none;}
    2264       }
    2265     }
    2266     &.hide-actions {
    2267       .weltpixel-quickview, .product-item-actions {display: none !important;}
    2268     }
    2269   }
    2270   &.type16 {
    2271     &.porto-tb-item .tb-hover-content {
    2272       justify-content: flex-end;
    2273       background-color: rgba(0,113,161,0);
    2274     }
    2275     .product-item-photo {
    2276       margin-bottom: 0;
    2277     }
    2278     .product-item-inner {
    2279       .product-item-actions {
    2280         display: block;
    2281         position: static;
    2282       }
    2283       .actions-primary {
    2284         display: block;
    2285         padding: 0;
    2286         background-color: rgba(33,37,41,1);
    2287         border: none;
    2288         order: 2;
    2289         margin: 0 -15px;
    2290         flex-grow: 1;
    2291         margin-top: 20px;
    2292         .tocart {
    2293           font-size: 13px;
    2294           font-weight: 500;
    2295           text-transform: uppercase;
    2296           line-height: 40px;
    2297           letter-spacing: -.05em;
    2298           text-align: center;
    2299           color: #ffffff;
    2300           background: none;
    2301           border: none;
    2302           width: 100%;
    2303           height: 40px;
    2304           padding: 0;
    2305         }
    2306       }
    2307     }
    2308     &.text-left {
    2309       .product-type-advanced .product-reviews-summary {
    2310         margin-right: 0;
    2311       }
    2312     }
    2313   }
    2314   &.type17 {
    2315     .product-item-inner:not(.button-pos-center) {
    2316       .product-item-actions {
    2317         display: block;
    2318         position: static;
    2319       }
    2320     }
    2321     .sw-dailydeal-wrapper {
    2322       padding: 0 0 10px;
    2323       position: relative;
    2324     }
    2325     .product-item-details .product-item-actions .actions-primary {
    2326       display: block;
    2327     }
    2328     .qty-box {
    2329       display: inline-flex;
    2330       position: relative;
    2331       text-align: left;
    2332       vertical-align: middle;
    2333       margin-left: 7px;
    2334       .qty {
    2335         -moz-appearance: textfield;
    2336         text-align: center;
    2337         width: 2.5em;
    2338         height: 40px;
    2339         padding-left: 0;
    2340         padding-right: 0;
    2341         box-shadow: none;
    2342         border-radius: 0;
    2343         font-family: Poppins,sans-serif;
    2344         color: #222529;
    2345         line-height: 1.42857;
    2346         padding: 8px 0;
    2347         font-size: .85rem;
    2348         font-weight: 600;
    2349         border-color: #e7e7e7;
    2350       }
    2351       .qtyminus, .qtyplus {
    2352         position: relative;
    2353         width: 2em;
    2354         height: 40px;
    2355         line-height: 1;
    2356         border: 1px solid;
    2357         padding: 0;
    2358         outline: none;
    2359         text-indent: -9999px;
    2360         &:before {
    2361           content: '';
    2362           position: absolute;
    2363           right: 50%;
    2364           top: 50%;
    2365           width: 9px;
    2366           border-top: 1px solid;
    2367           margin-top: -.5px;
    2368           margin-right: -4.5px;
    2369         }
    2370       }
    2371       .qtyminus, .qtyplus {
    2372         background: #fff;
    2373         border-color: #e7e7e7;
    2374         &:not(:hover) {
    2375           color: #222529;
    2376         }
    2377       }
    2378       .qtyminus {
    2379         right: 1px;
    2380       }
    2381       .qtyplus {
    2382         right: -2px;
    2383         &:after {
    2384           content: '';
    2385           position: absolute;
    2386           right: 50%;
    2387           left: auto;
    2388           top: 50%;
    2389           height: 9px;
    2390           border-right: 1px solid;
    2391           margin-top: -4.5px;
    2392           margin-right: -.5px;
    2393         }
    2394       }
    2395     }
    2396     .actions-center {
    2397       .qty-box {
    2398         align-self: center;
    2399         margin-bottom: 10px;
    2400         margin-left: 0;
    2401       }
    2402     }
    2403     .product-type-advanced .product-item-inner:not(.show-cart-icon) .product-item-actions {
    2404        > .actions-primary .tocart {
    2405         margin: 0;
    2406         width: auto;
    2407       }
    2408       &.actions-center {
    2409         > .actions-primary .tocart {
    2410          padding-right: 32px;
    2411          padding-left: 32px;
    2412        }
    2413       }
    2414     }
    2415     .swatch-attribute:last-child {
    2416         padding-bottom: 15px;
    2417     }
    2418     .swatch-attribute-options {
    2419         justify-content: center;
    2420     }
    2421     .product-item-details.qty-above {
    2422       > * {order: 2;}
    2423       .product-item-inner {order: 1;width: 100%;}
    2424     }
    2425   }
    2426   &.type20 {
    2427     .product-item-inner:not(.button-pos-center) {
    2428       .product-item-actions {
    2429         display: block;
    2430         position: static;
    2431       }
    2432     }
    2433     .sw-dailydeal-wrapper {
    2434       padding: 0 0 10px;
    2435       position: relative;
    2436     }
    2437   }
    2438 }
1153 } 2439 }
1154  2440 
1155 // 2441 //
1156 //    Mobile 2442 //    Mobile
1157 //-------------------------------------- 2443 //--------------------------------------
    2444 @media (min-width: 576px) {
    2445   .product-item-info {
    2446     .product-type-advanced {
    2447       &.effect-cartlink:not(.cartlink-image) {
    2448         .product-item-details:not(.show-cartlink-top) {
    2449           .price-box {
    2450             opacity: 1;
    2451             visibility: visible;
    2452             transition: opacity 0.3s, visibility 0.3s;
    2453             margin-bottom: 0;
    2454           }
    2455           .product-item-inner {
    2456             padding-top: 0px;
    2457             padding-bottom: 0px;
    2458             margin-bottom: 0;
    2459             position: absolute;
    2460             right: 0px;
    2461             left: 0px;
    2462             opacity: 0;
    2463             visibility: hidden;
    2464             transition: opacity 0.3s, visibility 0.3s, transform 0.3s;
    2465           }
    2466         }
    2467       }
    2468     }
    2469     &:hover {
    2470       .product-type-advanced {
    2471         &.effect-cartlink:not(.cartlink-image) {
    2472           .product-item-details:not(.show-cartlink-top) {
    2473             .price-box {
    2474               opacity: 0;
    2475               visibility: hidden;
    2476             }
    2477             .product-item-inner {
    2478               opacity: 1;
    2479               visibility: visible;
    2480               transform: translateY(-20px);
    2481             }
    2482           }
    2483         }
    2484       }
    2485     }
    2486   }
    2487 }
1158 @media(min-width:576px) and (max-width:991px){ 2488 @media(min-width:576px) and (max-width:991px){
1159   .products-grid { 2489   .products-grid {
1160     &.columns3, &.columns4, &.columns5 { 2490     &.columns3, &.columns4, &.columns5 {
1161         .product-item { 2491         .product-item {
1162             width: 100%/3; 2492             width: 100%/3;
1163             &.nth-child-2np1{ 2493             &.nth-child-2np1{
1164                 clear: none; 2494                 clear: none;
1165             } 2495             }
1166             &.nth-child-3np1{ 2496             &.nth-child-3np1{
1167                 clear: left; 2497                 clear: left;
1168             } 2498             }
1169         } 2499         }
1170     } 2500     }
1171     &.columns6, &.columns7, &.columns8 { 2501     &.columns6, &.columns7, &.columns8 {
1172         .product-item { 2502         .product-item {
1173             width: 100%/3; 2503             width: 100%/3;
1174             &.nth-child-2np1{ 2504             &.nth-child-2np1{
1175                 clear: none; 2505                 clear: none;
1176             } 2506             }
1177             &.nth-child-3np1{ 2507             &.nth-child-3np1{
1178                 clear: left; 2508                 clear: left;
1179             } 2509             }
1180         } 2510         }
1181     } 2511     }
1182     &.products.grid.flex-grid, &.divider-line { 2512     &.products.grid.flex-grid, &.divider-line {
1183         &.columns3, &.columns4, &.columns5 { 2513         &.columns3, &.columns4, &.columns5 {
1184             .product-item { 2514             .product-item {
1185                 &.nth-child-2np1{ 2515                 &.nth-child-2np1{
1186                     border-right-color: rgba(0,0,0,.09); 2516                     border-right-color: rgba(0,0,0,.09);
1187                 } 2517                 }
1188                 &.nth-child-3np1{ 2518                 &.nth-child-3np1{
1189                     border-right-color: transparent; 2519                     border-right-color: transparent;
1190                 } 2520                 }
1191                 &:nth-child(1), &:nth-child(2), &:nth-child(3) { 2521                 &:nth-child(1), &:nth-child(2), &:nth-child(3) {
1192                     .product-item-info { 2522                     .product-item-info {
1193                         border-top-color: transparent; 2523                         border-top-color: transparent;
1194                     } 2524                     }
1195                 } 2525                 }
1196             } 2526             }
1197         } 2527         }
1198         &.columns6, &.columns7, &.columns8 { 2528         &.columns6, &.columns7, &.columns8 {
1199             .product-item { 2529             .product-item {
1200                 &.nth-child-3np1, &.nth-child-2np1{ 2530                 &.nth-child-3np1, &.nth-child-2np1{
1201                     border-right-color: rgba(0,0,0,.09); 2531                     border-right-color: rgba(0,0,0,.09);
1202                 } 2532                 }
1203                 &.nth-child-5np1{ 2533                 &.nth-child-5np1{
1204                     border-right-color: transparent; 2534                     border-right-color: transparent;
1205                 } 2535                 }
1206                 &:nth-child(1), &:nth-child(2), &:nth-child(3), &:nth-child(4), &:nth-child(5) { 2536                 &:nth-child(1), &:nth-child(2), &:nth-child(3), &:nth-child(4), &:nth-child(5) {
1207                     .product-item-info { 2537                     .product-item-info {
1208                         border-top-color: transparent; 2538                         border-top-color: transparent;
1209                     } 2539                     }
1210                 } 2540                 }
1211             } 2541             }
1212         } 2542         }
1213     } 2543     }
1214   } 2544   }
1215 } 2545 }
1216 @media(min-width: 992px) { 2546 @media(min-width: 992px) {
1217     .products-grid { 2547     .products-grid {
1218         &.columns6, &.columns7, &.columns8 { 2548         &.columns6, &.columns7, &.columns8 {
1219             .product-item { 2549             .product-item {
1220                 width: 100%/3; 2550                 width: 100%/3;
1221  2551 
1222                 &.nth-child-2np1{ 2552                 &.nth-child-2np1{
1223                     clear: none; 2553                     clear: none;
1224                 } 2554                 }
1225                 &.nth-child-3np1{ 2555                 &.nth-child-3np1{
1226                     clear: right; 2556                     clear: right;
1227                 } 2557                 }
1228             } 2558             }
1229         } 2559         }
1230         &.products.grid.flex-grid, &.divider-line { 2560         &.products.grid.flex-grid, &.divider-line {
1231             &.columns3, &.columns4, &.columns5 { 2561             &.columns3, &.columns4, &.columns5 {
1232                 .product-item { 2562                 .product-item {
1233                     &.nth-child-2np1{ 2563                     &.nth-child-2np1{
1234                         border-right-color: transparent; 2564                         border-right-color: transparent;
1235                     } 2565                     }
1236                     &:nth-child(1), &:nth-child(2) { 2566                     &:nth-child(1), &:nth-child(2) {
1237                         .product-item-info { 2567                         .product-item-info {
1238                             border-top-color: transparent; 2568                             border-top-color: transparent;
1239                         } 2569                         }
1240                     } 2570                     }
1241                 } 2571                 }
1242             } 2572             }
1243             &.columns6, &.columns7, &.columns8 { 2573             &.columns6, &.columns7, &.columns8 {
1244                 .product-item { 2574                 .product-item {
1245                     &.nth-child-2np1{ 2575                     &.nth-child-2np1{
1246                         border-right-color: rgba(0,0,0,.09); 2576                         border-right-color: rgba(0,0,0,.09);
1247                     } 2577                     }
1248                     &.nth-child-3np1{ 2578                     &.nth-child-3np1{
1249                         border-right-color: transparent; 2579                         border-right-color: transparent;
1250                     } 2580                     }
1251                     &:nth-child(1), &:nth-child(2), &:nth-child(3) { 2581                     &:nth-child(1), &:nth-child(2), &:nth-child(3) {
1252                         .product-item-info { 2582                         .product-item-info {
1253                             border-top-color: transparent; 2583                             border-top-color: transparent;
1254                         } 2584                         }
1255                     } 2585                     }
1256                 } 2586                 }
1257             } 2587             }
1258         } 2588         }
1259     } 2589     }
1260 } 2590 }
    2591 @media(min-width:576px) and (max-width:740px) {
    2592   .product-item-info {
    2593     &.type17 {
    2594       .product-type-advanced {
    2595         .product-item-inner:not(.show-cart-icon) {
    2596           .product-item-actions > .actions-primary .tocart span {
    2597             display: none;
    2598           }
    2599         }
    2600       }
    2601     }
    2602   }
    2603 }
    2604 @media (max-width: 991px) and (min-width:768px) {
    2605     .porto-posts-grid.filter-vertical .nav {
    2606         width: 20%;
    2607     }
    2608 
    2609     .porto-posts-grid.filter-vertical .posts-wrap {
    2610         width: calc(100% - 20%);
    2611     }
    2612 }
    2613 @media (max-width: 575px) {
    2614   .product-item-info {
    2615     &.type17 {
    2616       .qty-box {
    2617         align-self: center;
    2618         margin-left: 0;
    2619         margin-bottom: 10px;
    2620       }
    2621     }
    2622   }
    2623 }
1261 .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__l) { 2624 .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__l) {
1262     .products-grid { 2625     .products-grid {
1263         &.columns3, &.columns4, &.columns5 { 2626         &.columns3, &.columns4, &.columns5 {
1264             .product-item { 2627             .product-item {
1265                 width: 100%/3; 2628                 width: 100%/3;
1266                 &.nth-child-2np1{ 2629                 &.nth-child-2np1{
1267                     clear: none; 2630                     clear: none;
1268                 } 2631                 }
1269                 &.nth-child-3np1{ 2632                 &.nth-child-3np1{
1270                     clear: right; 2633                     clear: right;
1271                 } 2634                 }
1272             } 2635             }
1273         } 2636         }
1274         &.columns6, &.columns7, &.columns8 { 2637         &.columns6, &.columns7, &.columns8 {
1275             .product-item { 2638             .product-item {
1276                 width: 100%/5; 2639                 width: 100%/5;
1277                 &.nth-child-3np1, &.nth-child-2np1{ 2640                 &.nth-child-3np1, &.nth-child-2np1{
1278                     clear: none; 2641                     clear: none;
1279                 } 2642                 }
1280                 &.nth-child-5np1{ 2643                 &.nth-child-5np1{
1281                     clear: right; 2644                     clear: right;
1282                 } 2645                 }
1283             } 2646             }
1284         } 2647         }
1285         &.products.grid.flex-grid, &.divider-line { 2648         &.products.grid.flex-grid, &.divider-line {
1286             &.columns3, &.columns4, &.columns5 { 2649             &.columns3, &.columns4, &.columns5 {
1287                 .product-item { 2650                 .product-item {
1288                     &.nth-child-2np1{ 2651                     &.nth-child-2np1{
1289                         border-right-color: rgba(0,0,0,.09); 2652                         border-right-color: rgba(0,0,0,.09);
1290                     } 2653                     }
1291                     &.nth-child-3np1{ 2654                     &.nth-child-3np1{
1292                         border-right-color: transparent; 2655                         border-right-color: transparent;
1293                     } 2656                     }
1294                     &:nth-child(1), &:nth-child(2), &:nth-child(3) { 2657                     &:nth-child(1), &:nth-child(2), &:nth-child(3) {
1295                         .product-item-info { 2658                         .product-item-info {
1296                             border-top-color: transparent; 2659                             border-top-color: transparent;
1297                         } 2660                         }
1298                     } 2661                     }
1299                 } 2662                 }
1300             } 2663             }
1301             &.columns6, &.columns7, &.columns8 { 2664             &.columns6, &.columns7, &.columns8 {
1302                 .product-item { 2665                 .product-item {
1303                     &.nth-child-3np1, &.nth-child-2np1{ 2666                     &.nth-child-3np1, &.nth-child-2np1{
1304                         border-right-color: rgba(0,0,0,.09); 2667                         border-right-color: rgba(0,0,0,.09);
1305                     } 2668                     }
1306                     &.nth-child-5np1{ 2669                     &.nth-child-5np1{
1307                         border-right-color: transparent; 2670                         border-right-color: transparent;
1308                     } 2671                     }
1309                     &:nth-child(1), &:nth-child(2), &:nth-child(3), &:nth-child(4), &:nth-child(5) { 2672                     &:nth-child(1), &:nth-child(2), &:nth-child(3), &:nth-child(4), &:nth-child(5) {
1310                         .product-item-info { 2673                         .product-item-info {
1311                             border-top-color: transparent; 2674                             border-top-color: transparent;
1312                         } 2675                         }
1313                     } 2676                     }
1314                 } 2677                 }
1315             } 2678             }
1316         } 2679         }
1317     } 2680     }
1318 } 2681 }
1319 .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__xl) { 2682 .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__xl) {
1320     .products-grid { 2683     .products-grid {
1321         &.columns3 { 2684         &.columns3 {
1322             .product-item { 2685             .product-item {
1323                 width: 100%/3; 2686                 width: 100%/3;
1324                 &.nth-child-2np1{ 2687                 &.nth-child-2np1{
1325                     clear: none; 2688                     clear: none;
1326                 } 2689                 }
1327                 &.nth-child-3np1{ 2690                 &.nth-child-3np1{
1328                     clear: right; 2691                     clear: right;
1329                 } 2692                 }
1330             } 2693             }
1331         } 2694         }
1332         &.columns4 { 2695         &.columns4 {
1333             .product-item{ 2696             .product-item{
1334                 width: 100%/4; 2697                 width: 100%/4;
1335                 &.nth-child-2np1, &.nth-child-3np1{ 2698                 &.nth-child-2np1, &.nth-child-3np1{
1336                     clear: none; 2699                     clear: none;
1337                 } 2700                 }
1338                 &.nth-child-4np1{ 2701                 &.nth-child-4np1{
1339                     clear: right; 2702                     clear: right;
1340                 } 2703                 }
1341             } 2704             }
1342         } 2705         }
1343         &.columns5 { 2706         &.columns5 {
1344             .product-item{ 2707             .product-item{
1345                 width: 100%/5; 2708                 width: 100%/5;
1346                 &.nth-child-2np1, &.nth-child-3np1{ 2709                 &.nth-child-2np1, &.nth-child-3np1{
1347                     clear: none; 2710                     clear: none;
1348                 } 2711                 }
1349                 &.nth-child-5np1{ 2712                 &.nth-child-5np1{
1350                     clear: right; 2713                     clear: right;
1351                 } 2714                 }
1352             } 2715             }
1353         } 2716         }
1354         &.columns6 { 2717         &.columns6 {
1355             .product-item { 2718             .product-item {
1356                 width: 100%/6; 2719                 width: 100%/6;
1357                 &.nth-child-2np1, &.nth-child-3np1, &.nth-child-5np1{ 2720                 &.nth-child-2np1, &.nth-child-3np1, &.nth-child-5np1{
1358                     clear: none; 2721                     clear: none;
1359                 } 2722                 }
1360                 &.nth-child-6np1{ 2723                 &.nth-child-6np1{
1361                     clear: right; 2724                     clear: right;
1362                 } 2725                 }
1363             } 2726             }
1364         } 2727         }
1365         &.columns7 { 2728         &.columns7 {
1366             .product-item { 2729             .product-item {
1367                 width: 100%/7; 2730                 width: 100%/7;
1368                 &.nth-child-2np1, &.nth-child-3np1, &.nth-child-5np1{ 2731                 &.nth-child-2np1, &.nth-child-3np1, &.nth-child-5np1{
1369                     clear: none; 2732                     clear: none;
1370                 } 2733                 }
1371                 &.nth-child-7np1 { 2734                 &.nth-child-7np1 {
1372                     clear: right; 2735                     clear: right;
1373                 } 2736                 }
1374             } 2737             }
1375         } 2738         }
1376         .columns8 { 2739         .columns8 {
1377             .product-item{ 2740             .product-item{
1378                 width: 100%/8; 2741                 width: 100%/8;
1379                 &.nth-child-2np1, &.nth-child-3np1, &.nth-child-5np1{ 2742                 &.nth-child-2np1, &.nth-child-3np1, &.nth-child-5np1{
1380                     clear: none; 2743                     clear: none;
1381                 } 2744                 }
1382                 &.nth-child-8np1 { 2745                 &.nth-child-8np1 {
1383                     clear: right; 2746                     clear: right;
1384                 } 2747                 }
1385             } 2748             }
1386         } 2749         }
1387         &.products.grid.flex-grid, &.divider-line { 2750         &.products.grid.flex-grid, &.divider-line {
1388             &.columns3 { 2751             &.columns3 {
1389                 .product-item { 2752                 .product-item {
1390                     &.nth-child-2np1{ 2753                     &.nth-child-2np1{
1391                         border-right-color: rgba(0,0,0,.09); 2754                         border-right-color: rgba(0,0,0,.09);
1392                     } 2755                     }
1393                     &.nth-child-3np1{ 2756                     &.nth-child-3np1{
1394                         border-right-color: transparent; 2757                         border-right-color: transparent;
1395                     } 2758                     }
1396                     &:nth-child(1), &:nth-child(2), &:nth-child(3) { 2759                     &:nth-child(1), &:nth-child(2), &:nth-child(3) {
1397                         .product-item-info { 2760                         .product-item-info {
1398                             border-top-color: transparent; 2761                             border-top-color: transparent;
1399                         } 2762                         }
1400                     } 2763                     }
1401                 } 2764                 }
1402             } 2765             }
1403             &.columns4 { 2766             &.columns4 {
1404                 .product-item{ 2767                 .product-item{
1405                     &.nth-child-2np1, &.nth-child-3np1{ 2768                     &.nth-child-2np1, &.nth-child-3np1{
1406                         border-right-color: rgba(0,0,0,.09); 2769                         border-right-color: rgba(0,0,0,.09);
1407                     } 2770                     }
1408                     &.nth-child-4np1{ 2771                     &.nth-child-4np1{
1409                         border-right-color: transparent; 2772                         border-right-color: transparent;
1410                     } 2773                     }
1411                     &:nth-child(1), &:nth-child(2), &:nth-child(3), &:nth-child(4) { 2774                     &:nth-child(1), &:nth-child(2), &:nth-child(3), &:nth-child(4) {
1412                         .product-item-info { 2775                         .product-item-info {
1413                             border-top-color: transparent; 2776                             border-top-color: transparent;
1414                         } 2777                         }
1415                     } 2778                     }
1416                 } 2779                 }
1417             } 2780             }
1418             &.columns5 { 2781             &.columns5 {
1419                 .product-item{ 2782                 .product-item{
1420                     &.nth-child-2np1, &.nth-child-3np1{ 2783                     &.nth-child-2np1, &.nth-child-3np1{
1421                         border-right-color: rgba(0,0,0,.09); 2784                         border-right-color: rgba(0,0,0,.09);
1422                     } 2785                     }
1423                     &.nth-child-5np1{ 2786                     &.nth-child-5np1{
1424                         border-right-color: transparent; 2787                         border-right-color: transparent;
1425                     } 2788                     }
1426                     &:nth-child(1), &:nth-child(2), &:nth-child(3), &:nth-child(4), &:nth-child(5) { 2789                     &:nth-child(1), &:nth-child(2), &:nth-child(3), &:nth-child(4), &:nth-child(5) {
1427                         .product-item-info { 2790                         .product-item-info {
1428                             border-top-color: transparent; 2791                             border-top-color: transparent;
1429                         } 2792                         }
1430                     } 2793                     }
1431                 } 2794                 }
1432             } 2795             }
1433             &.columns6 { 2796             &.columns6 {
1434                 .product-item { 2797                 .product-item {
1435                     &.nth-child-2np1, &.nth-child-3np1, &.nth-child-5np1{ 2798                     &.nth-child-2np1, &.nth-child-3np1, &.nth-child-5np1{
1436                         border-right-color: rgba(0,0,0,.09); 2799                         border-right-color: rgba(0,0,0,.09);
1437                     } 2800                     }
1438                     &.nth-child-6np1{ 2801                     &.nth-child-6np1{
1439                         border-right-color: transparent; 2802                         border-right-color: transparent;
1440                     } 2803                     }
1441                     &:nth-child(1), &:nth-child(2), &:nth-child(3), &:nth-child(4), &:nth-child(5), &:nth-child(6) { 2804                     &:nth-child(1), &:nth-child(2), &:nth-child(3), &:nth-child(4), &:nth-child(5), &:nth-child(6) {
1442                         .product-item-info { 2805                         .product-item-info {
1443                             border-top-color: transparent; 2806                             border-top-color: transparent;
1444                         } 2807                         }
1445                     } 2808                     }
1446                 } 2809                 }
1447             } 2810             }
1448             &.columns7 { 2811             &.columns7 {
1449                 .product-item { 2812                 .product-item {
1450                     &.nth-child-2np1, &.nth-child-3np1, &.nth-child-5np1{ 2813                     &.nth-child-2np1, &.nth-child-3np1, &.nth-child-5np1{
1451                         border-right-color: rgba(0,0,0,.09); 2814                         border-right-color: rgba(0,0,0,.09);
1452                     } 2815                     }
1453                     &.nth-child-7np1 { 2816                     &.nth-child-7np1 {
1454                         border-right-color: transparent; 2817                         border-right-color: transparent;
1455                     } 2818                     }
1456                     &:nth-child(1), &:nth-child(2), &:nth-child(3), &:nth-child(4), &:nth-child(5), &:nth-child(6), &:nth-child(7) { 2819                     &:nth-child(1), &:nth-child(2), &:nth-child(3), &:nth-child(4), &:nth-child(5), &:nth-child(6), &:nth-child(7) {
1457                         .product-item-info { 2820                         .product-item-info {
1458                             border-top-color: transparent; 2821                             border-top-color: transparent;
1459                         } 2822                         }
1460                     } 2823                     }
1461                 } 2824                 }
1462             } 2825             }
1463             .columns8 { 2826             .columns8 {
1464                 .product-item{ 2827                 .product-item{
1465                     &.nth-child-2np1, &.nth-child-3np1, &.nth-child-5np1{ 2828                     &.nth-child-2np1, &.nth-child-3np1, &.nth-child-5np1{
1466                         border-right-color: rgba(0,0,0,.09); 2829                         border-right-color: rgba(0,0,0,.09);
1467                     } 2830                     }
1468                     &.nth-child-8np1 { 2831                     &.nth-child-8np1 {
1469                         border-right-color: transparent; 2832                         border-right-color: transparent;
1470                     } 2833                     }
1471                     &:nth-child(1), &:nth-child(2), &:nth-child(3), &:nth-child(4), &:nth-child(5), &:nth-child(6), &:nth-child(7), &:nth-child(8) { 2834                     &:nth-child(1), &:nth-child(2), &:nth-child(3), &:nth-child(4), &:nth-child(5), &:nth-child(6), &:nth-child(7), &:nth-child(8) {
1472                         .product-item-info { 2835                         .product-item-info {
1473                             border-top-color: transparent; 2836                             border-top-color: transparent;
1474                         } 2837                         }
1475                     } 2838                     }
1476                 } 2839                 }
1477             } 2840             }
1478         } 2841         }
1479     } 2842     }
1480 } 2843 }
1481 .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { 2844 .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) {
1482     .products-list { 2845     .products-list {
1483         .product { 2846         .product {
1484             &-item { 2847             &-item {
1485                 &-photo { 2848                 &-photo {
1486                     width: 100%; 2849                     width: 100%;
1487                     padding: 0; 2850                     padding: 0;
1488                     display: block; 2851                     display: block;
1489                 } 2852                 }
1490                 &-details { 2853                 &-details {
1491                     display: block; 2854                     display: block;
1492                 } 2855                 }
1493             } 2856             }
1494         } 2857         }
1495     } 2858     }
1496 } 2859 }
1497 .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__xs) { 2860 .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__xs) {
1498     .products-grid { 2861     .products-grid {
1499         .product-item-info { 2862         .product-item-info {
1500             .product-item-details { 2863             .product-item-details {
1501                 .product-item-actions { 2864                 .product-item-actions {
1502                     .actions-secondary { 2865                     .actions-secondary {
1503                         display: none; 2866                         display: none;
1504                     } 2867                     }
1505                 } 2868                 }
1506             } 2869             }
1507         } 2870         }
1508     } 2871     }
1509 } 2872 }